如何在AngularJS填充一些指令之前延迟加载javascript文件？

Question

我有一些在页面末尾加载的动画库。问题是它们没有绑定到通过指令填充的html。

有没有办法在视图完全呈现后加载脚本（包括指令）？

Answer 1

当脚本放置在角度应用元素内{ng-app html而不是body或<script> body内）时，<script ng-src="...>会强制第一个bootstrap angular然后只放下脚本供下载。但请注意，如果您有多个库，它们将被并行下载，并且与在页面加载时从头部直接加载的脚本相反，不会跟踪html中的顺序。

或者，您可以添加ng-if="doLoadExternalScripts"，例如，当您认为它是正确的时间时，为此变量指定一个truthy值，例如，如果您的指令未在应用程序的init上呈现