2015-09-06 84 views
0

ng中重复的不同“ng-model名称” - 可能吗?ng-repeat中的角度js-ng-model

<div ng-repeat="todo in todos"> 
    <input type="text" ng-model="tag"> 
    <button type="submit"ng-click="addTodo(todo._id)">Add</button> 
</div> 

在这种情况下,有一些重复的待办事项(基于待办事项JSON数据)将显示在前端

我的问题:我键入任何输入字段什么,所有的输入域显示相同的数据

我需要每个输入字段不同的NG-型号名称,我想这样的ng-model="tag($index)"

+0

您可以添加控制器的代码,并告诉你如何存储标签和待办事项? – vittore

回答

1

你可以这样说:

<input type="text" ng-model="todo.tag"> 
2

有可能像下面

<div ng-repeat="todo in todos"> 
    <input type="text" ng-model="tag[todo]"> <--todo.key--> 
    <button type="submit"ng-click="addTodo(todo._id)">Add</button> 
</div> 
2

您可以通过它$index地点标签阵列内新创建的模型,同时宣布内部模型tag你应该使用数组表示法[]而不是()

ng-model="tag($index)" 

应该是

ng-model="tag[$index]" 

标记

<div ng-repeat="todo in todos"> 
    <input type="text" ng-model="tag[$index]"> 
    <button type="submit"ng-click="addTodo(todo._id)">Add</button> 
</div> 
+0

它不适合我 – Hunter

+0

@Hunter你可以添加'addTodo'方法的代码吗? –

+0

我不高,学习角度 – Hunter