How to use radio in angularJS to choose one of the two options (detailed tutorial)

Below I will share with you an article on how to use angularJS radio to achieve a single choice of two options. It has a good reference value and I hope it will be helpful to everyone.

Stop talking nonsense and go straight to the code:

 <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>

When using radio to implement one of the two choices in ng, you need to pay attention to several points:

First: Keep the attribute value of the name consistent;

Second Two: Keep ng-model corresponding to the same value;

Third: You need to set ng-value for each radio, because the corresponding value of ng-model is the ng-value corresponding to the selected radio. value.

This enables radio selection and can pass different values.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

react-native-video Method to achieve full-screen video playback

Angular study notes integration of three parties Examples of UI frameworks and controls

Five common JavaScript functions

The above is the detailed content of How to use radio in angularJS to choose one of the two options (detailed tutorial). For more information, please follow other related articles on the PHP Chinese website!