ng-vérifié pas de travail angulaire de case à cocher
J'ai essayé d'utiliser une case à cocher ou lier l'objet d'attribut à l'aide de ng-vérifié attribut mais sa ne fonctionne pas, où que sa fonctionne bien avec ng-model attribut type case à cocher entrées.
<!-- not working -->
<input type="checkbox" name="checkedBox"
id="checkedBox11"
ng-checked="isChecked">
<!--working-->
<input type="checkbox" name="checkedBox"
id="checkedBox21"
ng-model="isChecked">
J'ai créé un jsbin à démontrer la même:
ici
OriginalL'auteur guleria | 2014-12-15
Vous devez vous connecter pour publier un commentaire.
Puisque vous ne vous connectez pas de la case avec un modèle dans le premier cas, il n'est pas changé dans angulaire et donc la valeur ne change pas dans la vue aussi.
Cependant,dans le second cas, vous avez attaché la isChecked de la case, les changements reflètent.
Mise à jour: Si vous modifiez la valeur par défaut de isChecked de vrai, ça montre la vraie et la case à cocher est également vérifié en charge.
Non, dans le premier cas, le valeur le modèle est de se lier à l'état (coché ou non coché) de la case, alors que dans le second cas, la case à cocher en lui-même est de se lier à le modèle de sorte qu'un changement dans la case déclenche un changement dans le modèle. La raison que sur la modification de la baisse des cases à cocher, le haut de boîtes changement est parce que la valeur de isChecked changements, et appliquer est appelée en interne par angulaire et où jamais isChecked est utilisé, la valeur est mise à jour.
OriginalL'auteur TheRodeo
La modification de la première entrée pour avoir le modèle, les changements. Vous pouvez également utiliser ng-cliquez sur pour modifier la valeur. (
addming ng-model="isChecked"
)Ou vous pouvez ajouter
ng-click="isChecked=!isChecked"
la case à cocher
OriginalL'auteur Toni Ristola