angularJS でラジオを使用して 2 つのオプションのいずれかを選択する方法 (詳細なチュートリアル)

以下に、angularJS ラジオを使用して 2 つのオプションから 1 つの選択を実現する方法に関する記事を共有します。これは優れた参考値であり、皆さんのお役に立てれば幸いです。

これ以上ナンセンスはやめて、コードに直接進みましょう:

 <p class="col-xs-3">
 <input type="radio" ng-value=1 ng-model="sss" name="aaa" >男
 </label>
 <label>
 <input type="radio" ng-value=0 ng-model="sss" name="aaa">女
 </label>
</p>
<p>
 {{sss}}
</p>

NG でラジオを使用して 2 つの選択肢のいずれかを実装する場合、いくつかの点に注意する必要があります:

最初: 名前を維持する 属性値は一貫している必要があります。

2 番目: 同じ値に対応する ng-model を維持します。

3 番目: 対応する値が異なるため、各ラジオに ng-value を設定する必要があります。 ng-model の値は、選択された無線の対応する ng-value 値です。

これにより、単一の選択が有効になり、異なる値を渡すことができます。

上記は私があなたのためにまとめたものです。

関連記事:

全画面ビデオ再生を実現するreact-native-videoメソッド

Angular学習メモ - サードパーティUIフレームワークとコントロールの統合例

JavaScriptの5つの共通関数

以上がangularJS でラジオを使用して 2 つのオプションのいずれかを選択する方法 (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。