angularjs？ただし、AngularJSのNG-Modelプロパティは、単一のチェックボックス値をバインドすることに限定されているようです。この記事では、この問題を解決するための2つのアプローチを検討し、簡単な配列またはオブジェクトの配列を入力データとして活用します。 -1" ng-click = "toggleSelection（furtname）" > {{furtname}}

controller：

app.controller（ 'simplearrayctrl'、['$ scope'、function simplearrayctrl（$ scope）{ //果物 $ SCOPE.FRUITS = ['Apple'、 'Orange'、 'pear'、 'naartjie']; //選択された果物 $ scope.selection = ['apple'、 'pear']; //選択の切り替え $ scope.toggreSelection = function toggleSelection（furtname）{ var idx = $ scope.selection.indexof（fruitname）; if（idx> -1）{ $ SCOPE.SELECTION.SPLICE（IDX、1）; } それ以外 { $ SCOPE.SELECTION.PUSH（FruitName）; } }; }]）;

pro：

simpleデータ構造

   {{fruitName}}

cumbersom Operations

   {{fruitName}}

{{furt.name}}

app.controller（ 'objectArrayctrl'、['$ scope'、 'filterfilter'、function objectarrayctrl（$ scope、filterfilter）{ //果物 $ scope.fruits = [ {name： 'apple'、selected：true}、 {name： 'orange'、selected：false}、 {name： 'pear'、selected：true}、 {name： 'naartjie'、selected：false} ]; //選択された果物 $ scope.selection = []; //選択した果物のヘルパー $ scope.selectedFruits = function selectedFruits（）{ return filterfilter（$ scope.fruits、{selected：true}）; }; //変更のために果物を見てください $ scope。$ watch（ 'fruits | filter：{selected：true}'、function（nv）{ $ scope.selection = nv.map（function（fruic）{ return furt.name; }）; }、 真実）; }]）;

• プロ：

cons：

   {{fruitName}}

cumbersome name

app.controller('ObjectArrayCtrl', ['$scope', 'filterFilter', function ObjectArrayCtrl($scope, filterFilter) {

  // Fruits
  $scope.fruits = [
    { name: 'apple',    selected: true },
    { name: 'orange',   selected: false },
    { name: 'pear',     selected: true },
    { name: 'naartjie', selected: false }
  ];

  // Selected fruits
  $scope.selection = [];

  // Helper for selected fruits
  $scope.selectedFruits = function selectedFruits() {
    return filterFilter($scope.fruits, { selected: true });
  };

  // Watch fruits for changes
  $scope.$watch('fruits|filter:{selected:true}', function (nv) {
    $scope.selection = nv.map(function (fruit) {
      return fruit.name;
    });
  }, true);
}]);

]