在 Angular 完成加载后运行 jQuery

Question

我正在编写一些代码来稍微修改现有网站。

现有网站是使用 Angular 构建的。我的代码使用的是 jQuery，但我可以使用任何 JavaScript。

但是，我无法更改现有网站。我无法更改现有的 Angular 脚本。我可以更改我的一个外部脚本文件，即站点上的 src。我的代码在加载 Angular 脚本和 jQuery 脚本后运行。

如何在 Angular 完成 DOM 渲染后运行我的 jQuery 代码？

$(document).ready() 提前触发。

我从未使用过 Angular，但在网上阅读，它似乎应该发出 $viewContentLoading 事件，但我无法在我的脚本中捕获此事件。

谢谢，

Answer 1

你是对的。在尝试运行任何 jQuery 之前，您需要等待 DOM 加载！

简单但不安全的方法是在 angualrjs 中使用$timeout。 See the doc here.

$timeout(function() {
    //your jQuery code here
}, 50);

这是告诉 angualrJs 等待 50 毫秒，然后执行函数内部的任何内容。 50 毫秒应该足够了 - 但如果您的页面加载缓慢，您可能需要增加它。

有更好的办法！

您应该查看directives 以避免使用 jQuery。