ng-model的Angularjs動態綁定

Question

下面是Plunker在Angularjs中描述我的動態綁定問題。

http://plnkr.co/edit/fGgtOZ5IrJVo9QasQALc?p=preview

使用Angularjs之前，我習慣使用輸入的名稱/值，如以下以產生用於後端處理

<input type="text" name="computer[details][][purchaseddate]" /> 

<input type="text" name="computer[details][][warrantyperiod]" /> 

期望數據結構隨着Angularjs納克的模型，它是可以綁定像

<input type="text" ng-model="computer.parts[0].name" /> 

一個複雜的數據結構，但是它並沒有通過類似以下的動態屬性的工作：

<input type="text" ng-model="computer.details[0].name" /> 

角總是告訴我，我試圖設置屬性「名」未定義的「細節[0]」，我是知道的，但有什麼方法可以得到與以前輸入的名稱相同的行爲/值，我可以指定動態屬性，而不必首先聲明它？

謝謝，

Answer 1

綁定到不存在的屬性仍然有效。即使$ scope.a不存在，也可以綁定到a.b.c。 Angular可即時創建對象和屬性。

<input type="text" ng-model="a.b.c" /> 

但你試圖綁定到一個尚不存在的數組元素：

<input type="text" ng-model="a.b[0].c" /> 

角將有實例的數組，然後在推一個空的對象，然後分配給它的名字。顯然這不起作用。

Answer 2

我遇到了同樣的情況，並嘗試了一切。

這是我能進去2吳浩康重複動態值：

JS：

$scope.newContact = { 
    name: [], 
    phone: [], 
    email: [], 
    notes: [] 
}; 

$scope.saveNewContact = function (idx) { 
    console.log($scope.newContact.name[idx]); 
}; 

HTML：

<input type="text" ng-model="newContact.name[$index]" /> 
<input type="text" ng-model="newContact.phone[$index]" /> 
<input type="text" ng-model="newContact.email[$index]" /> 
<input type="text" ng-model="newContact.notes[$index]" /> 
<button ng-click="saveNewContact($index)">Save</button>