4

我的控制器中有资源，并用 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”“覆盖”资源中的对象或将任何复选框设置为选中状态。

非常感谢您的帮助或任何想法
祝您有美好的一天


4

3 回答 3

12 
<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

于 2013-01-23T09:41:52.823 回答
7

另一种解决方案：

<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

于 2013-05-16T23:19:10.040 回答
1

解决方案我从fastreload

中查看解决方案并像这样修改..

var arr_checked_items = [1,2,5] // this checkboxes will be set as checked


<ul>
  <li ng-repeat="item in data">
    <input type="checkbox" ng-checked="checkItem(item.id)"> {{item.Title}}
  </li>
</ul>

.

$scope.checkItem = function (id) {
   var checked = false;
   for(var i=0; i<= arr_to_be_checked.length; i++) {
      if(id == arr_to_be_checked[i]) {
         checked = true;
      }
    }
    return checked;
};

它的工作完美！在没有任何点击按钮的情况下加载

于 2013-01-23T17:37:48.830 回答