如何在使用帶有angularjs的highcharts-ng執行setInterval函數時更改div中的文本

Question

我有一個controller ，它有以下調用：

userFactory.getScore(_token, function (response) {
    $scope.scores = response;
    renderCharts(response,$scope);
    score.resolve();
});

這里， userFactory是一個工廠。

現在在我的function renderCharts ：

function renderCharts(response,$scope) {

    $scope.current_target_label = {"label":"Current Score"};
    // Highcharts config object declaration here

    setInterval(function($scope) {
        // Logic to update highchart
        $scope.current_target_label = {"label":"Target Score"};
    }

}

以下賦值不會更新html視圖中ng-bind中的值： $scope.current_target_label = {"label":"Target Score"};

我肯定做錯了什么，欣賞任何指針，以便做什么來獲得在html視圖中更新div的文本的價值？

Answer 1

setInterval 在 angulars $ digest-cycle之外 ，因此angular不會更新數據綁定。 你可以使用$apply但是，我會說，這是不好的做法。 更好地使用$timeout或$interval 。 這將觸發$ digest-cycle 。 例如：

function renderCharts(response,$scope) {
    // ...

    $interval(function() {
        // Logic to update highchart
        $scope.current_target_label = {"label":"Target Score"};
    }, delay);
}

筆記：

• 當然，您需要在需要的地方注入服務。
• 在原始代碼中，您使用了setInterval(function($scope) { 。 $scope這里可能是未定義的，因此會影響外部$scope變量。