將ng-init與ng-repeat一起使用時會覆蓋

Question

我使用以下loadLocation（asset.id）函數通過ng-repeat和ng-init加載特定資產的位置，但是我獲得了所有行的最新location.city和location.state

   <tr ng-repeat="asset in assets">
        <td>{{asset.name}}</td>
        <td>{{asset.obj_type.name}}</td>
        <td ng-init="loadLocation(asset.id)">
             {{location.city}}
        </td>
        <td>{{location.state}}</td>
   </tr>

角度控制器

    $scope.loadLocation= function(assetId) {
     Location.locationByIsprimary({assetId: assetId}, function(result) {
                $scope.location=result;
            });
        };

誰能幫我嗎？

Answer 1

您只能在scope內創建location一次，您需要為ng-repeat數組中的每個元素創建location ，以便將其反映在html上。

標記

<tr ng-repeat="asset in assets">
    <td>{{asset.name}}</td>
    <td>{{asset.obj_type.name}}</td>
    <td ng-init="loadLocation(asset)">
         {{asset.location.city}}
    </td>
    <td>{{asset.location.state}}</td>
</tr>

碼

$scope.loadLocation= function(asset) {
 Location.locationByIsprimary({assetId: asset.id}, function(result) {
            asset.location=result;
        });
    };