javascript - Angular.js 中是否有任何事件“在 $scope 摘要完成”或“视图刷新”？

Question

我正在对视图中用于生成列表的数据执行 AJAX 请求。我需要知道 $scope 何时更新以及在收到成功响应后何时呈现视图，以便我可以为列表动态设置一些初始值和一些事件处理程序。

我目前正在使用以下代码，但它没有起到作用：

responsePromise.success(function (data, status, headers, config) {
    var slideInfos = data;
    $scope.slideInfos = slideInfos;
    setInitialSliderValues();
});

在我调用 setInitialSliderValues() 时，视图仍未刷新。

当我尝试使用以下内容时，我收到错误“$digest already in progress”：

responsePromise.success(function (data, status, headers, config) {
    var slideInfos = data;
    $scope.$apply(function () {
        $scope.slideInfos = slideInfos ;
        setInitialSliderValues();
    }
});

如果不使用计时器来检查我期望的更改，我如何才能绝对确定对数据的更改已在页面上生效。

Answer 1

使用$timeout()它将在下一个摘要周期中运行。不要忘记添加$timeout对控制器的依赖。

$timeout(function () {
    $scope.slideInfos = slideInfos ;
    setInitialSliderValues();
});

Answer 2

您可以尝试使用 $evalAsync：

responsePromise.success(function (data, status, headers, config) {
    $scope.slideInfos = data;
    $scope.$evalAsync(function () {        
        setInitialSliderValues();
    }
});

与 $timeout 不同，如果可能，它将尝试在同一个摘要周期内触发，否则将在下一个摘要周期内解决。