javascript - 如何触发 Angular 从 JQuery 重新编译模板？

Question

我知道这个解决方案并不理想——我正在使用遗留代码并且有很多限制。

在我的应用程序的页面上，用户在他们想要填写的几个表单中进行选择。选择后，我们使用 JQuery 将所选表单加载到 DOM 中。在这个新加载的表单中，我们需要使用 Angular 指令，但 Angular 不知道任何内容发生了变化(因为 JQuery 处理了状态更改)，因此它不会重新编译包含我们的指令的标记。

如何让 Angular 知道它需要再次遍历 DOM？

Answer 1

$scope.apply() 将触发 DOM 的新检查。

如果您在没有检查的情况下使用它，它可能会在 Angular 内引发错误。

您可以使用它，将其包装到 $timeout() 中，以便在当前摘要(如果有)之后触发它

$timeout(function(){
    $scope.$apply();
});