ng-repeat中Checkbox默认选中的方法教程

以下是"ng-repeat中Checkbox默认选中的方法教程"的完整攻略：

1. 在ng-repeat中使用Checkbox

在ng-repeat中使用Checkbox很常见，当我们需要对列表项进行多选操作的时候就会用到Checkbox，如下所示：

<ul>
  <li ng-repeat="item in items">
    <input type="checkbox" ng-model="item.selected">
    {{ item.name }}
  </li>
</ul>

在上面的代码中，我们在ng-repeat中嵌套了一个input[type="checkbox"]，用来实现多选操作。同时，我们将每个item对象上的一个selected属性绑定到input元素的ng-model上。这样，当我们对某个Checkbox进行勾选或取消勾选操作时，就会把对应item对象的selected属性设置为true或false。

2. 默认选中某些项

在有些情况下，我们可能需要默认选中一些列表项，例如我们向用户展示一个带有checkbox的产品列表，而这个用户曾经已经购买了其中一些产品，我们需要在页面加载时，对这些已购买的产品自动选中。

<ul>
  <li ng-repeat="item in items">
    <input type="checkbox" ng-model="item.selected" ng-checked="item.isPurchased">
    {{ item.name }}
  </li>
</ul>

在上面的代码中，我们使用了ng-checked指令来设置某些项的默认选中状态。我们将每个item对象上的一个isPurchased属性绑定到对应的Checkbox的ng-checked上，这样，当isPurchased为true时，Checkbox就会自动选中。同时，我们还需要将每个item对象上的selected属性设置为isPurchased：

$scope.items = [
  { name: 'iPhone', isPurchased: true, selected: true },
  { name: 'iPad', isPurchased: false, selected: false },
  { name: 'Macbook', isPurchased: true, selected: true },
  { name: 'iPod', isPurchased: false, selected: false }
];

在上面的js代码中，我们定义了一个items数组，其中包含多个item对象，每个对象都有一个isPurchased属性和一个selected属性。我们需要在controller中对这些属性进行初始化，以便在页面加载时默认选中一些项。

3. 总结

在ng-repeat中使用Checkbox是很常见的，而在一些场景下需要默认选中一些项。通过ng-checked指令我们可以简单的设置Checkbox的默认选中状态。同时我们需要建立对应的属性绑定，将Checkbox的状态与具体的item对象进行关联。