检测 <ng-include src= 何时加载"..." >

Question

我在模态中使用<ng-include>，根据一些选项有条件地加载不同的内容。

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

在这些情况下，我的模板中的一个节像这样加载正确的模态内容:

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

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

关键在于，不同的形式有不同的大小。当它们加载时，模态需要重新定位自己。

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

有办法知道什么时候加载ng-include吗?下一个ng-include何时加载?

Answer 1

根据文档，您应该能够听到一个名为$includeContentLoaded的作用域事件来告诉这一点。

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

Answer 2

阅读文档

onload (optional)在加载新部分时计算的表达式。

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