angularjs - 已完成 ng-include 在 Angular js 中的加载

Question

通过 ng–include 检测 html 加载结束的最佳方法是什么？我想编写一些在加载完成后运行的代码。

Answer 1

有两种方法可以检测 ng-include 何时完成加载，具体取决于您的需要:

1) 通过 onload属性 - 用于内联表达式。例如:

<div ng-include="'template.html'" onload="loaded = true"></div>

2) 通过事件 $includeContentLoaded ng-include 发出的 - 用于应用程序范围的处理。例如:

app.run(function($rootScope){
  $rootScope.$on("$includeContentLoaded", function(event, templateName){
     //...
  });
});

当内容加载完成时