角度观察和ng click事件序列

Question

我在angular指令中有这段代码，我发现$watch的行为有点令人困惑。在“ng click”中调用updateSelect：

scope.updateSelect = function (type) {
    scope.selectionCtrl.activeList = scope.seedLists[type]; 
    scope.selectionCtrl.activeListKey = type; 
    scope.selectionCtrl.activeSelection = scope.selection[type];
    scope.selectionCtrl.staged = [];
    scope.selectionCtrl.stageRemove = [];
    if (type !== scope.activeTab) {
        scope.activeTab = type;
    }
    console.log("update");
};

scope.$watch('selectionCtrl.activeList', function(newValue, oldValue) {
    console.log("watch");
}, true);

当我点击按钮（触发更新选择）并观看控制台时，我会看到“更新”，然后是“观看”。函数内部发生的第一件事是选择Ctrl。设置了activeList，所以我希望看到“watch”和“update”。

不应该在阵列更改后立即监视触发器吗？

Answer 1

https://docs.angularjs.org/api/ng/type/$根范围。范围：

每次调用$digest（）时都会调用watchExpression，并应返回将被监视的值。（由于$digest（）在检测到更改时会重新运行，因此watchExpression可以每个$digest（）执行多次，并且应该是幂等的。）

如果您尝试，即：

scope.selectionCtrl.activeList = scope.seedLists[type]; 
scope.$digest();

您将得到错误：[$rootScope:inprog]$应用程序已在进行中。

Answer 2

Angular什么时候执行回调？

它与$摘要和$应用相关，当然它不会在原始javascript代码中执行。

要使watch强制执行，您可以手动运行$scope.apply（），但如果它在angularjs函数中，即$timeout、$间隔等，可能会导致更多问题，并且没有必要，因为它将在函数之后自动调用。

有关详细信息。，查找；

• 如何在AngularJS中使用$ope.$watch和$ope.$应用？
• https://groups.google.com/forum/#！话题/角度/HnJZTEXRztk

Answer 3

该函数必须首先完成，因为javascript是单线程的。

由于该函数是通过ng click指令调用的，angular将运行摘要循环。摘要周期的一部分是运行监视列表，并解决自上次运行周期以来可能发生的所有更改。

在您给出的示例中，选择Ctrl。activeList在updateSelect中更改，这将导致调用监视回调。