AngularJS使用ng-repeat缺少ng-init的作用域值

Question

嗨，我的頁面中有以下HTML

<div ng-repeat="a in loc" ng-init="getValues(a)">
          <div>
           <select  ng-options="c.id as c.site for c in names" ng-model=a.id></select>
         </div>
           <div>
           <select  ng-options="a.id as a.name for a in val"></select>
         </div>
   </div>

在我的控制器中

   $scope.getValues = function(a) {
        $scope.val = pRepository.getVals.query({ id: a.ie }, function (data) {
            $scope.val = data;
       });

我遇到的問題是，當ng-repeat中的“ loc”列表很小，只有一兩個記錄時，它工作正常。 當它的長度超過20條記錄時，它將丟失$ scope.val值束並列出其中的一些值。 我嘗試使用$ promise，但是沒有運氣。 請讓我知道如何減慢ng-repeat或其他速度，以便它加載所有val。 謝謝

Answer 1

每一次getValues(...)被稱為相同 $scope.val屬性更新（這是val通過創建范圍的父母財產ngRepeat 。既然你需要有一個“本地” val屬性，則應修改相應的代碼：

<div ng-repeat="a in loc" ng-init="values = getValues(a)">
    ...
    <div>
        <select ng-model="someModel" ng-options="a.id as a.name for a in values">
        </select>
    </div>
</div>

$scope.getValues = function(a) {
    var data = [];
    pRepository.getVals.query({id: a.ie}, function (data) {
        data = data;
    });
    return data;
}

---

另請參見此簡短演示 。