用d3加載csv文件后范圍未更新

Question

我有一個節點服務器，當我點擊/scheduleE路由時，它將向客戶端發送一個csv文件。 在我的控制器中，我點擊了這條路線並更新了范圍。 我想更新頁面上的范圍。

app.controller('ETableCtrl', function($scope){

    $scope.payments = []
    $scope.$watch('payments', function(){
        console.log('value changed!')
    })

    d3.csv('/scheduleE', processData('01/01/14'), function(payments){
        $scope.payments = payments;
        console.log($scope.payments);
    })
})

在視圖中， $scope.payments保留，並且空數組和“值已更改！” 一開始只記錄一次。 $scope.watch("payments")在視圖中不更新。 它仍然是一個空數組。

但是，該代碼將對象數組注銷到控制台。 為什么我的范圍不會在視圖中更新？

Answer 1

回調發生在Angular應用程序范圍之外。 嘗試調用$scope.$apply(); 在您更新$ scope.payments之后。

有更好的方法可以執行此操作，但是您至少可以確認問題。