gpt4 book ai didi

javascript - 如何将 ng-include 回调添加到 Angular js 中的多个 ng-include 指令

转载 作者:行者123 更新时间:2023-11-28 12:28:04 25 4
gpt4 key购买 nike

我的 HTML 是这样的

  <form ng-controller="testCtrl1">
<div ng-include="'test/views/navigationbar.html'"></div>
<div ng-include="'test/views/processnav.html'"></div>
<div ng-include="'test/views/leftprocesstabs.html'"></div>
</div>
</form>

我想编写通用方法来检查所有 ng-include 文件是否已加载。

加载所有文件后,我需要进行服务器调用。

有什么方法可以在 Angular JS 中检查这个吗?

最佳答案

使用每个模板的加载并增加一个计数器。如果表单只包含 ng-include div,请使用下面的代码来获取计数,或者编写一个函数来获取带有 ng-include 的 div 的计数。

HTML

<form ng-controller="testCtrl1" id="includes">
<div ng-include="'test/views/navigationbar.html'" onload="load()"></div>
<div ng-include="'test/views/processnav.html'" onload="load()"></div>
<div ng-include="'test/views/leftprocesstabs.html'" onload="load()"></div>
</div>
</form>

Javascript

var templates = 0;
var length = $("#includes > div").length;
$scope.load = function(){
templates++;
if(templates >= length){
onLoadComplete()
}

}
function onLoadComplete(){
// all templates are loaded
}

关于javascript - 如何将 ng-include 回调添加到 Angular js 中的多个 ng-include 指令,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25779304/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com