Angular ngRepeat 使用 $index 动态创建 ngModel

Question

我有这个html:

我想为这些输入动态创建 ng-models:

     <div class="order" ng-repeat="order in newOrders">
          <input type="checkbox"  ng-model="model$index" />{{$index}} please check
     </div>

它不起作用。我有办法在输入中动态创建 ng-model，在 ng-repeat 中吗？

编辑:

最后的结果是：

  <input type="checkbox"  ng-model="model$index" />0 please check

我的预期结果是：

  <input type="checkbox"  ng-model="model0" />0 please check

Answer 1

The way you are trying to do its not appropriate, creating separate variable for each element, that will make more maintenance sort of work.

此外，当您在 ng-repeat 上应用任何 filter 时，这将变得混乱。取而代之的是，您可以将该模型值放在 ng-repeat 元素中，该元素的顺序为 order.

 <div class="order" ng-repeat="order in newOrders">
     <input type="checkbox"  ng-model="order.value" />{{$index}} please check
 </div>

Angular ngRepeat 使用 $index 动态创建 ngModel

Angular ngRepeat dynamically create ngModel with $index

javascript

checkbox

angularjs

angularjs-ng-repeat

angular-ngmodel