带有外部 js 库的 Angular 模板

【问题标题】：Angular's template with external js libraries带有外部 js 库的 Angular 模板
【发布时间】：2013-01-31 15:13:52
【问题描述】：

我已经制作了元素指令，它通过templateUrl 参数与模板一起使用。该模板包含文件上传输入，大约需要 8 个外部 js 库（jquery 文件上传插件）。如果我在模板中有这些 js 库的链接（使用标准脚本元素），那么一切正常，但在加载时浏览器控制台中出现错误：

Error: $digest already in progress

如果我将 js 库的链接直接放到我有指令的页面上，没有错误，但这不是可重用的好方法。

【问题讨论】：

【解决方案1】：

您是否尝试手动触发$digest？

如果是这种情况，我强烈建议您更改方法，因为您应该让 Angular 决定$digest 的最佳时间。如果无法更改，那么您应该确保您没有在$digest 循环内调用$digest()/$apply()。这样做的方法之一是确保!scope.$$phase。

【讨论】：

不，我不使用$digest manually。我在指令中只有一个$http 方法，没有$digest 也没有$timeout。所以看来问题只在于在模板中加载外部库。感谢您的回复。