嵌套ngRepeat使用parent屬性作爲參數顯示錯誤列表

Question

我有一個嵌套的NG-重複顯示的那些可能我得到的一個看似隨意的列表功能調用。

我的HTML是這樣的：

<table ng-init="getHouses()"> 
    <tr> 
     <td>Id</td> 
     <td>Name</td> 
    </tr> 
    <tr ng-repeat="h in houses> 
     <td>{{h.Id}}</td> 
     <td>{{h.Name}}</td> 
     <td ng-init="peopleInhHouse(h.Id)"> 
      <span ng-repeat="p in peopleInHouse">p.Name</span> 
      <br /> 
     </td> 
    </tr> 

我認爲問題就出在這裏，因爲我正確地得到我的人名單，問題在於它顯示了人們對所有不同的房子和它相同的列表似乎隨機在每次刷新頁面之間。

Answer 1

您的變量peopleInHouse將始終引用相同的值。而且，由於您使用的是請求來獲取數據，你不能簡單地直接在ng-repeat

所以只需更新ng-init功能，所以它填充了人們在家裏

的功能應該是這個樣子

使用

function addPeopleToHouse(house){ 
    request(house.id).then(function(response){ 
    house.People = response.data; 
    }) 
} 

而且更新HTML到

<td ng-init="addPeopleToHouse(h)"> 
    <span ng-repeat="p in h.People">p.Name</span> 
    <br /> 
</td>