在AngularJS中追加一个字符串和$ index

时间:2014-04-03 17:23:19

标签: html5 angularjs angularjs-directive

在我的AngularJs应用程序中,我有一个重复的重复:

<div data-ng-repeat="pl in parentlist">
  <div id="test{{$index}}" ng-model='list{{$index}}' >Test</div>
</div>

Div中的Id会像预期id="test0"一样进行追加和渲染,但ng-model的行为方式不一样,并且会抛出错误

  

[$ parse:syntax]语法错误:令牌&#39; $ index&#39;是意料之外的,期望在[$ {$}}的表达式第8列的[:]开始于[$ index}}]

如何实现此追加?使用过滤器?

3 个答案:

答案 0 :(得分:1)

如果您需要使用keys的{​​{1}}绑定div,只需将ng-repeat更改为此,

parentlist

这是工作PLUNKER ...

答案 1 :(得分:0)

使list成为一个数组。您没有单独的list变量,而是拥有一个具有多个值的数组

然后HTML变为

<div id="test{{$index}}" ng-model='list[$index]' >Test</div>

答案 2 :(得分:0)

如果您需要将索引附加到字符串(当前在ng-repeat循环迭代中所在的位置),则可以这样做:

<div id="num_{{$index}}" ng-repeat="obj in someArray">
    num_{{$index}}
</div>

演示:http://plnkr.co/edit/ba6EM0KShiZ8AS8uKVCm