如何在添加和编辑操作中处理AngularJS中的复选框列表？

我是AngularJS新手，面临一个多复选框的问题。我有一个登记表，其中我有来自数据库的颜色选择

$scope.ColorList = { { ID: 1,Name:"Red" },{ ID: 2,Name:"Green" },{ ID: 3,Name:"Blue" }};

我使用下面的代码在表单中呈现复选框

<tr>
  <td>Favorite Colors</td>
  <td>
     <label data-ng-repeat="c in item.ColorList">
        <input type="checkbox" value="{{c.ID}}" /><span>{{c.Name}}</span> 
     </label>
  </td>
</tr>

喜爱的颜色
{{c.Name}}

现在，在添加操作期间，复选框将正确呈现。。。但是，如何将复选框与模型绑定，以便获得选定复选框的数组呢

同样在编辑期间，我需要预先选择复选框以显示用户保存的选项

那么如何实现呢

---

提前谢谢

我认为大多数人会使用

c

作为他们的模型，然后将

ng模型

与

c

上的某些属性绑定。那么您的列表实际上就是

项。ColorList

$scope.ColorList = [ { ID: 1,Name:"Red" },{ ID: 2,Name:"Green" },{ ID: 3,Name:"Blue" }];

<label data-ng-repeat="c in item.ColorList">
    <input type="checkbox" ng-model="c.Active" value="{{c.ID}}" /><span>{{c.Name}}</span> 
 </label>

---

@DharemeshSolanki认为打字错误不应该是

[{ID:1，Name:“Red”}…]

您可以使用以下解决方案：

$scope.getSelected = function(item){
     var results = [];
     angular.forEach(item.ColorList, function(c){
          if(c.Active){
              results.push(c);
          }
     });
     return results;
}