Maison  >  Article  >  interface Web  >  Comment obtenir des boutons radio dans AngularJS

Comment obtenir des boutons radio dans AngularJS

php中世界最好的语言
php中世界最好的语言original
2018-04-12 15:35:492030parcourir

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!

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