有沒有辦法將一些值從數組複製到輸入字段，而無需ng-repeat在Angular中？

Question

我有這樣一個表：

<table> 
<tr ng-repeat = "person in people"> 
<td>{{person.name}}</td> 
<td>{{person.surname}}</td> 
<td>{{person.gender}}</td> 
<td ng-click="edit(person)>Edit</td> 
</tr> 
</table> 

此表與數據建立從數組對象是這樣的：

people = [{ 
    name: Simon, 
    surname: Tim, 
    gender: Male 
    }, 
    { 
    name: Natan, 
    surname: Burns, 
    gender: Male 
    }]; 

所以現在的問題是：當我按「編輯」按鈕，我需要的值從表複製到形成在頁面的其他部分：

<form> 
<input type="text" value="name"> 
<input type="text" value="surname"> 
<input type="text" value="gender"> 
</form> 

Eveything是簡單，如果我建立的形式使用納克重複從陣列獲取數據（對於examp le，當我按編輯時，我可以複製臨時數組中的數據，並用ng-repeat，我可以用我想要的值構建輸入字段），但有沒有辦法做到這一點，而不是ng-repeat？如何將「編輯」按鈕與輸入字段中的值的副本綁定？

Answer 1

是的，你可以通過指定的對象變量做到這一點，如

$scope.selectedPerson = $scope.people[selectedIndex]; 

（其中的selectedIndex是被選擇的人的指標。

然後輸入表單，可就是這樣

<form> 
<input type="text" ng-model="selectedPerson.name"> 
<input type="text" ng-model="selectedPerson.surname"> 
<input type="text" ng-model="selectedPerson.gender"> 
</form> 

並且您的更新/保存腳本已將數據保存在已保存的對象中