javascript - 检测 何时加载

Question

我正在使用 <ng-include>在模式内部根据某些选项有条件地加载不同的内容。

当模式以一种模式(嘿)或另一种模式启动时，或者当用户更改下拉菜单时，内容被选中。

在任何这些情况下，我的模板中的一个部分都会加载正确的模态内容:

<!-- Load in the correct modal contents -->
<ng-include src="'modals/contents-'+ form.type +'.html'"></ng-include>

然后加载 modals/contents-addressForm.html或任何情况。

诀窍是，不同的表格有不同的大小。当它们加载时，模态框需要重新定位。

我试过了$watch在 form.type 上多变的。这会检测模态启动时的变化和初始值，但重新定位发生得太早，因为 ng-include尚未加载内容。我试过延迟，但这并不总是足够长。我可以尝试任意长度的超时，但这似乎......任意。

有什么方法可以知道什么时候加载 ng-include？下一个 ng-include 何时加载？

Answer 1

根据 the docs ，您应该能够监听一个名为 $includeContentLoaded 的范围事件来告知这一点。

$scope.$on('$includeContentLoaded', function () {
    // it has loaded!
});