2014-04-03 53 views
1

在我AngularJs应用$指数我有一个NG重复类似追加字符串,并以AngularJS

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

中的id事业部获得追加并呈现像预期id="test0"但NG-模型dosent表现在同样的方式,它会抛出一个错误

[$parse:syntax] Syntax Error: Token '$index' is unexpected, expecting [:] at column 8 of the expression [list{{$index}}] starting at [$index}}] 

我该如何实现这个附加?使用过滤器?

+1

这是什么意思,你已经掌握在你的手中为什么你需要这些原始模型? –

+0

我需要动态地添加一个div每次对象被添加到“父列表”。可以说$ scope.parentlist.test1 = []; test1被添加到$ scope.parentlist,我想要一个div动态添加ng-model =“test1”。 – Gokul

+0

所以你需要关键的父母对象我是吧? –

回答

1

,如果你需要绑定你的parentlistkeys你的div只是改变你的NG-重复到对此,

<div data-ng-repeat="(key, value) in parentlist"> 
    <div id="{{key}}" ng-model="key">{{key}}</div> 
</div> 

这里工作PLUNKER ...

0

list设为数组。相反,具有独立list变量,你有一个数组具有多个值

的HTML就变成

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

+0

这呈现为像ng-model =“list [$ index]” – Gokul