Comment se lier à une liste de valeurs de case à cocher dans AngularJs?

introduction

Lorsqu'il s'agit d'un ensemble de cochons à cocher, il peut être crucial pour lier leurs valeurs à une liste dans le contrôleur pour une gestion efficace. Cependant, la propriété Ng-Model d'AngularJS semble être limitée à la liaison d'une seule valeur à cocher. Cet article explore deux approches pour résoudre ce problème, tirant parti d'un tableau simple ou d'un tableau d'objets en tant que données d'entrée. {{fruitName}} Label>

contrôleur:

app.Controller ('SimpleArrayCtrl', ['$ Scope', fonction SimpleArrayCtrl ($ scope) { // fruits $ scope.fruits = ['Apple', 'Orange', 'Pear', 'naartjie']; // Fruits sélectionnés $ scope.selection = ['Apple', 'Pear']; // bascule la sélection $ scope.toggleselection = fonction toggleselection (fruitName) { var idx = $ scope.selection.indexof (fruitName); if (idx> -1) { $ scope.selection.splice (idx, 1); } autre { $ scope.selection.push (fruitName); } }; }]);

   {{fruitName}}

Structure de données simple

   {{fruitName}}

Cons: Opérations

approche 2: Array d'objets

html:

   {{fruit.name}}

   {{fruitName}}