javascript - 在 AngularJS 应用程序加载时收到通知

标签 javascript angularjs

我有一个 AngularJS 应用,里面有一些指令。该应用程序从外部 HTML 文件加载一些 HTML。 问题是应用程序中的 Controller 使用事件进行通信,并且从外部 HTML 文件加载的 HTML 元素的 Controller 被初始化,并在其他 Controller 已经开始触发事件后开始监听事件。 它是这样的: index.html:

...
<body ng-controller="bodyController">
<ng-include src="page.html"></ng-include>
</body>
...

页面.html:

<div ng-controller="divController"></div>

并且 bodyController 在 divController 开始监听事件之前就开始触发事件,因为 page.html 中的 DIV 在 bodyController 初始化之后加载。

最佳答案

我很幸运地从 Controller 监听了 $viewContentLoaded 事件:

    $scope.$on('$viewContentLoaded', function() {
        // do what you need done on load complete
    });

它似乎没有注意到页面上的指令是否已完成加载/渲染,但应该涵盖其他情况

关于javascript - 在 AngularJS 应用程序加载时收到通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16883352/

相关文章:

javascript - jQuery maphilight 不工作

javascript - 自定义垫选择以允许 Angular 嵌套值

javascript - CSS 变换 :translateY from JavaScript

javascript - 函数不会停止运行 Angular 5

javascript - 如何使用 ReactJS 从多个 URL 获取数据?

javascript - Angular 没有显示我的记录

javascript - 在 AngularJS 中更新模块值或重新注册过滤器

javascript 如何创建函数服务(构造函数)

javascript - 针对 Angular 1 进行编码,以便最轻松地升级到 Angular 2?

javascript - 如何在表体中使用 ng-repeat 来包含多行?