Maison  >  Article  >  interface Web  >  Comment utiliser la radio dans angulaireJS pour choisir l'une des deux options (tutoriel détaillé)

Comment utiliser la radio dans angulaireJS pour choisir l'une des deux options (tutoriel détaillé)

亚连
亚连original
2018-06-02 17:47:342609parcourir

Ci-dessous, je partagerai avec vous un article sur la façon d'utiliser la radio angulaireJS pour obtenir un choix unique entre deux options. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Arrêtez de dire des bêtises et passez directement au 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>

Lorsque vous utilisez la radio pour implémenter l'un des deux choix dans ng, vous devez faire attention à plusieurs choses :

Premièrement : gardez la valeur d'attribut du nom cohérente ;

Deuxième : gardez ng-model correspondant à la même valeur

Troisième : vous devez définir la valeur ng pour chaque radio, car la valeur correspondante de ng-model est la ng-correspondante ; à la radio sélectionnée La valeur de value.

Cela implémente une sélection unique et peut transmettre différentes valeurs.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles connexes :

Méthode React-native-video pour obtenir une lecture vidéo en plein écran

Intégration de notes d'étude angulaires de trois parties Exemples de cadres et de contrôles d'interface utilisateur

Cinq fonctions JavaScript courantes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn