来自资源的角度ng-repeat复选框并设置已选中

Question

我在我的控制器中有资源并使用ng-repeat填充复选框,我知道在控制器中我要知道要检查的内容

代码看起来像..

$scope.data = resource.query();

var arr_to_be_checked = [1,3,5];

在其他控制器中我使用这个..

$scope.data = [ { Type: 1, checked: true, Title: 'Item A'},
                { Type: 2, checked: false, Title: 'Item B'}];

它的工作正常,但我需要在资源和ng-repeat上应用它,因为我需要更灵活

我找到了任何洗礼但没有任何意义.请你帮我一个人吗？

我的问题是:如何使用'checked:true'"覆盖"资源中的对象或将任何复选框设置为选中.

非常感谢你的帮助或任何想法
祝你有愉快的一天

Answer 1

<ul>
  <li ng-repeat="item in data">
    <input type="checkbox" ng-checked="item.checked"> {{item.Title}}
  </li>
</ul>
<button ng-click="checkItems()">Do</button> 

.

$scope.checkItems = function () {
  var i;
  for (i = 0; i < arr_to_be_checked.length; i++) {
    data[arr_to_be_checked[i]].checked = true;
  } 
};

PS:请确保您的命名约定,javascript使用camelCase命名约定,没有下划线.仅命名构造函数PascalCase

相关API文档:
ng-click
ng-checked

Answer 2

另一种方案:

<div ng-controller="MainCtrl">
  <label ng-repeat="(color,enabled) in colors">
      <input type="checkbox" ng-model="colors[color]" /> {{color}} 
  </label>
  <p>colors: {{colors}}</p>

<script>
  var app = angular.module('plunker', []);

  app.controller('MainCtrl', function($scope){
      $scope.colors = {Blue: true, Orange: true};
  });

http://plnkr.co/edit/U4VD61?p=preview