当前位置: 首页 > 面试题库 >

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

程淮晨
2023-03-14
问题内容

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


问题答案:

有两种方法可以检测何时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){
     //...
  });
});

完成内容加载后



 类似资料:
  • 问题内容: 如何在angularJS中有条件地执行ng-include? 例如,如果变量设置为,我只想包含一些内容。 问题答案: 如果您使用的是Angular v1.1.5或更高版本,则还可以使用ng- if : 如果您有任何旧版本: 使用ng-switch: 小提琴

  • 问题内容: 在遍历数据后,我遇到一些有关DOM操作的问题。 我们有一个与数据绑定并且可以正常工作的jQuery滑块插件,但是当使用时,我们必须将其初始化包装起来以使其起作用—现在甚至不起作用。 我认为使用是不可靠的,这将导致错误的修复。在jQuery中,我可以使用-这很可靠,但是使用似乎也不起作用。 调用了Slider指令,但由于没有将图像加载到DOM中而无法获得滑块中图像的高度-导致滑块的计算高

  • 问题内容: 嘿,我正在建立一个有角度的网页。问题是已经有一些东西没有角度了,我也必须包括它们 问题是这样的。 我的main.html中有这样的内容: 我的partial.html有这样的东西 我的partial.js与angularjs无关。nginclude工作正常,我可以看到html,但根本看不到正在加载的javascript文件。我知道如何使用firebug / chrome-dev-too

  • 本文向大家介绍AngularJS基础 ng-include 指令简单示例,包括了AngularJS基础 ng-include 指令简单示例的使用技巧和注意事项,需要的朋友参考一下 AngularJS ng-include 指令 AngularJS 实例 包含 HTML 文件: 运行结果: myFile.htm 文件标题 这个文本来自被包含的文件 myFile.htm! 定义和用法 ng-inclu

  • 本文向大家介绍AngularJS基础 ng-include 指令示例讲解,包括了AngularJS基础 ng-include 指令示例讲解的使用技巧和注意事项,需要的朋友参考一下 AngularJS ng-include 指令 AngularJS 实例 包含 HTML 文件: 运行结果:                myFile.htm 文件标题                这个文本来自被包含

  • 问题内容: 我在HTML的多个位置使用指令。每个人都为自己创建了一个孤立的范围,这显然给我带来了很多麻烦。 例如。 在上面提到的html中,正在创建4个作用域。默认情况下,在定义的父级中创建1个,默认情况下创建3个。 是否有可能阻止自身创建隔离范围?如果不可能,那么是否有解决方法? 问题答案: 您需要创建自己的指令,该指令可以在没有隔离范围的情况下加载指定的模板。 的HTML 指示 工作朋克