Maison > interface Web > js tutoriel > le corps du texte

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

亚连
Libérer: 2018-06-02 17:47:34
original
2606 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal