AngularJS - ui-grid - 數據顯示問題

Question

我在我的應用程序中實施http://ui-grid.info/。

我與ajax call這樣填充grid： -

$scope.getGrid = function() { 
    jq.ajax({ 
       type: "POST", 
       url: "getData", 
       dataType: "html", 
       traditional: true,    
       data: { columnDb: $scope.columnDb }, 
       success: function (data) { 
     var dataObj = jQuery.parseJSON(data); 
     ...... 
     $scope.gridOptions.data = $scope.myData; 
    });   
} 

有我面臨的一個奇怪的問題。在上面的function叫，我什麼也看不到在我的HTML，但如果我只mouse scrollGrid區域data得到顯示，即使我打開Inspect Element在Chrome，data得到顯示。

任何想法如何解決這個問題？

Answer 1

當ajax調用返回時，此代碼不會導致Angular digest，因此您在屏幕「視圖」中看不到任何更改。所以，你可以：

1. 使用$http您Ajax調用
2. 添加$scope.$apply()回調函數。

我會建議使用1