AngularJS如何计算jQuery动态添加的字段？

Question

所以使用jQuery我通过添加按钮添加列表元素字段。我没有使用ng-repeat指令。

<li id="blah1" type="text" name="blah1" "ng-model" => "myField[$index]">
<li id="blah2" type="text" name="blah2" "ng-model" => "myField[$index]">

AngularJS中是否有一种方法可以获得类似$ index变量（或构建它）的方式，以便像变量这样的$ index将继续自动递增并被AngularJS监视？这样，li＃blah1中的ng-model将是myField [1]而li＃blah2将拥有myField [2]。

Answer 1

我建议在Angular中使用数组执行此操作。

JavaScript的：

var myFields = [];
myFields[0] = { id: 'blah1', name: 'blah1' };
myFields[1] = { id: 'blah2', name: 'blah2' };

$scope.myFields = myFields;

HTML：

<li id="{{ field.id }}" name="{{ field.name }}" ng-repeat="field in myFields" ng-model="field" /> <!-- Field is equivalent to myFields[$index]. -->