Syntaxe
<input type="checkbox|radio" ng-checked="expression"></input>
|
Paramètres
| Nom |
Description |
| expression |
Ce paramètre permet d'indiquer une expression définissant l'attribut à vérifier de l'élément s'il renvoie true. |
Description
Cette directive permet d'indiquer si un élément est coché ou pas.
Remarques
- Liaison conditionnelle avec l'attribut checked : La directive ng-checked permet de lier dynamiquement la propriété checked d'un élément de
type checkbox ou radio à une expression AngularJS. Cela signifie que l'état "coché" dépend directement de la valeur de cette expression.
- Indépendance de ng-model : Contrairement à ng-model, ng-checked ne met pas à jour le modèle directement. Elle ne fait qu'évaluer une expression et
applique l'état "coché" en fonction de son résultat (true ou false).
- Idéal pour des valeurs statiques ou calculées : ng-checked est particulièrement utile lorsque vous avez besoin de cocher une case ou un bouton radio en
fonction d'une condition complexe ou d'une valeur statique, sans nécessiter une liaison bidirectionnelle.
- Ne remplace pas ng-model : Bien que ng-checked puisse être utilisé pour contrôler l'état "coché", elle n'a pas d'effet sur la mise à jour du
modèle AngularJS. Pour une liaison bidirectionnelle complète, il est préférable d'utiliser ng-model.
- Évaluation dynamique des expressions : L'expression associée à ng-checked est évaluée dynamiquement. Si l'expression change (par exemple, en réponse à un
événement utilisateur), l'état "coché" de l'élément est automatiquement mis à jour.
- Compatibilité avec les boutons radio : En plus des cases à cocher, ng-checked peut être utilisé avec des boutons radio pour définir leur état en
fonction d'une condition, ce qui peut être utile dans des scénarios où plusieurs options dépendent d'une seule valeur.
- Peut être utilisé avec d'autres directives : ng-checked peut être combiné avec des directives comme ng-repeat pour créer des listes dynamiques de
cases à cocher ou de boutons radio, où chaque élément a un état déterminé par une expression AngularJS.
- Utilisation limitée à l'attribut checked : La directive ng-checked n'affecte que la propriété checked de l'élément
HTML. Si vous souhaitez contrôler d'autres attributs ou propriétés (comme disabled ou readonly), il faut utiliser
des directives comme ng-disabled ou ng-readonly.
Dernière mise à jour : Dimanche, le 9 décembre 2018
