2015-09-06 83 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