كيفية ربط قائمة قيم مربع الاختيار في AngularJs؟ ومع ذلك ، يبدو أن خاصية NG-Model من AngularJS تقتصر على ربط قيمة مربع اختيار واحد. تستكشف هذه المقالة نهجين لحل هذه المشكلة ، والاستفادة من صفيف بسيط أو مجموعة من الكائنات كبيانات إدخال.

-1" ng-click = "Toggleselection (FruitName)" > {{fruitname}}

// الفواكه $ scope.fruits = ['Apple' ، 'Orange' ، 'Pear' ، 'Naartjie'] ؛ // الفواكه المختارة $ scope.selection = ['Apple' ، 'Pear'] ؛ // اختيار تبديل $ scope.toggleselection = function togleslection (fruitName) { var idx = $ scope.selection.indexof (fruitName) ؛ if (idx> -1) { $ scope.selection.splice (idx ، 1) ؛ } آخر { $ scope.selection.push (FruitName) ؛ } } ؛ }]]] ؛

العمليات

النهج 2: صفيف الكائن

{{fruit.name}}

   {{fruitName}}

وحدة التحكم: // الفواكه $ scope.fruits = [ {الاسم: 'Apple' ، محدد: True} ، {الاسم: 'Orange' ، محدد: false} ، {الاسم: 'Pear' ، محدد: True} ، {الاسم: 'naartjie' ، محدد: false} ] ؛ // الفواكه المختارة $ scope.selection = [] ؛ // المساعد للفواكه المحددة $ scope.selectedfruits = function selectfruits () { filterfilter return ($ scope.fruits ، {select: true}) ؛ } ؛ // مشاهدة الفواكه للتغييرات $ scope. $ Watch ('Fruits | Filter: {selection: true}' ، function (nv) { $ scope.selection = nv.map (function (fruit) { إرجاع fruit.name ؛ }) ؛ }، حقيقي)؛ }]]] ؛

   {{fruitName}}

name