Maison > interface Web > js tutoriel > Comment obtenir des boutons radio dans AngularJS

Comment obtenir des boutons radio dans AngularJS

php中世界最好的语言
Libérer: 2018-04-12 15:35:49
original
2081 Les gens l'ont consulté

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

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!

É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