ng-repeat無法反映源變量何時被修改

Question

我有以下的angularJs代碼。當我的源數據發生變化時，我的ng-repeat不會更新我的視圖。我查看了其他帖子，並在我的ajax成功回調結束時添加了$scope.$apply();,$scope.$digest();，但它沒有幫助。這個想法是，頁面在開始時會有一個空表，在ajax調用onReady（）之後，它會用數據填充行。可能有人點我什麼，我在這裏失蹤或更好的方法來達到同樣的

JS：

(function() { 
    var app = angular.module("jmeter-module", []); 
    app.controller('JmeterTableController', ['$scope', function($scope){ 
     $scope.data = []; 
     $(document).ready(function(){ 
      var url = "jmeterTableData.html"; 
      fetchTableData(url, 10, 25); 
     }); 

     function fetchTableData(url, minAge, maxAge){ 
      $.ajax({ 
       type: "GET", 
       url: url, 
       data: { minAge : minAge, 
        maxAge : maxAge }, 
       datatype: "json", 
       success: function(data){ 
        /*If I try to print data here, I see the values rightly getting returned*/ 
        $scope.data = data; 
       }, 
       error: function(e){ 
        console.log(e); 
       } 
      }); 
     } 
    }]); 

})(); 

JSP：

<div id="buildGroupsParentDivId" ng-controller="JmeterTableController as row"> 
. 
. 
. 
<tbody id="jmeter-table-content" > 
      <tr ng-repeat="val in row.data"> 
        <td><img title="History" src="/images/history.png" width="20" height="20"></td> 
        <td><input type="checkbox" value="save"></td> 
        <td>{{val.firstName}}</td> 
        <td>{{val.lastResult}}</td>      
       </tr> 
</tbody> 

Answer 1

問題是$執行.ajax超出了Angular的摘要循環的範圍。你可以得到這個與$範圍工作$申請，但因爲你已經在使用角度，最好使用AngularJS XHR輔助方法：

https://docs.angularjs.org/api/ng/service/ $ HTTP

// Simple GET request example : 
$http.get('/someUrl'). 
    then(function(response) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }, function(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    });