angularjsでラジオボタンを取得する方法

今回は、angularjsでラジオボタンを取得する方法と、angularjsでラジオボタンを取得する際の注意事項についてお届けします。以下は実際的なケースですので、見てみましょう。

HTML ページには、デフォルトで 2 番目の「重要」オプションが選択されています。ただし、このオプションを選択するには、$scope が表示されます。レベルは undefinestate です。デフォルトでは明らかに選択されていますが、なぜ undefine なのでしょうか?

そこで、最初にテストしました。HTML ページに次のコードを書きます:

<span style="font-size:18px;"><p ng-controller="testCtrl"> 
 <p > 
  <label > 
   <input type="radio" value="Normal" ng-model="level" name="level" 
   >一般 
  </label> 
  <label > 
   <input type="radio" value="Important" ng-model="level" name="level" 
     ng-checked="true" 
   >重要 
  </label> 
  <label > 
   <input type="radio" value="Urgent" ng-model="level" name="level" 
   >紧急 
  </label> 
 </p> 
  <p> {{ level }}</p>    //显示单选按钮选中的value 
</p></span>

初めてページが読み込まれるとき、デフォルトで「重要」ラジオ ボタンが選択されていますが、ページには「重要」ラジオ ボタンに対応する値が表示されません。

「緊急」ボタンをクリックすると、「緊急」ボタンの値が下に表示されます

ページがロードされるとき、$scope.level には値が割り当てられておらず、たとえ ng-checked="true" であっても、デフォルトで選択された値が表示されないことがわかります。 jsで設定する必要があります: $scope.level= "重要"; このとき、ページを更新すると、選択したボタンの値がデフォルトで表示されます

事例を読んだ後、方法をマスターしたと思いますこの記事ではさらに面白いことに注目してください 他の関連記事はphp中国語ウェブサイトにあります！

推奨読書:

readlineがコンテンツを行ごとに読み書きする方法

vueは入力コンテンツにスペースが含まれているかどうかを決定します

以上がangularjsでラジオボタンを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。