Obtenez la méthode de valeur du bouton radio sélectionné par défaut dans angulairejs (tutoriel détaillé)

Maintenant, je vais partager avec vous une méthode angulairejs pour obtenir la valeur du bouton radio sélectionné par défaut. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

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, mais lors de la soumission du formulaire, mais. il indique que $scope.level est dans l'état indéfini Pourquoi 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>

La page est chargée pour la première 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", et la valeur du bouton "Urgent". " Le bouton s'affichera ci-dessous,

Il s'avère que lorsque la page est chargée, $scope.level ne se voit pas attribuer de valeur et n'a pas de valeur initiale. Même si ng-checked="true", la valeur par défaut la valeur sélectionnée n'est pas affichée ! Doit être défini dans js : $scope.level= "Important" ; À ce moment, actualisez la page et la valeur du bouton sélectionné sera affichée par défaut :

Ce qui précède est ce que j'ai compilé pour tout le monde. . J'espère que cela sera utile à tout le monde à l'avenir.

Articles associés :

Code d'instance de plat en forme d'arbre implémenté par vue

Interaction clavier du tutoriel d'introduction de p5.js

Résumé des enjeux clés du VUE

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!