Maison > Article > interface Web > Comment obtenir des boutons radio dans AngularJS
Cette fois, je vais vous présenter la méthode pour obtenir le bouton radio dans angularjs, et l' attention pour obtenir le bouton radio dans angulairejs Quels sont les enjeux ? Ci-dessous, jetons un coup d'œil.
Dans la page HTML, il y a trois boutons radio. La deuxième option "Important" est sélectionnée par défaut. Définissez ng-checked="true" pour sélectionner cette option par défaut. Cependant, lors de la soumission du formulaire, il invite $scope. le niveau est indéfinistatutPourquoi est-il indéfini alors qu'il est clairement sélectionné par défaut ?
Alors, je l'ai testé en premier : écrivez le code suivant sur la page 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>
Lors du premier chargement de la page, bien que le bouton radio "Important" soit sélectionné par défaut, la page n'affiche pas la valeur correspondant au bouton radio "Important",
Cliquez sur le bouton "Urgence", la valeur du bouton "Urgence" sera affichée ci-dessous,
Il s'avère que lorsque la page est chargée, $scope.level ne reçoit aucune valeur et n'a pas de valeur initiale Même si ng-checked="true", la valeur sélectionnée par défaut n'est pas affichée ! Doit être défini en js : $scope.level= "Important" ; A ce moment, actualisez la page et la valeur du bouton sélectionné sera affichée par défaut
Je vous crois Je l'ai maîtrisé après avoir lu le cas dans cet article Méthode, pour des informations plus intéressantes, veuillez faire attention aux autres articles connexes sur le site Web chinois php !
Lecture recommandée :
Comment lire une ligne par line in readline Récupère et écrit le contenu
vue détermine si le contenu d'entrée comporte des espaces
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!