AngularJs |在所有指令htmls成功加载之前,不要显示页面

时间:2016-05-16 09:12:50

标签: javascript html angularjs angularjs-directive

我在angularjs应用程序中创建了几个指令,它们加载外部html模板(来自另一个url)。当我导航到该页面时,整个绑定工作,但指令html加载不够快,因此它显示在它们之间的空白空间。有什么办法,我可以请求angularjs等待外部html资源加载,然后显示页面视图。

我创建了一个示例应用程序,我创建了一个简单的指令,并使用动态等待时间(在模板的查询字符串中传递)加载外部html

my question about problems catching the correct exception

{{1}}

有人可以帮助我。

2 个答案:

答案 0 :(得分:0)

确保在脚本之前添加angular.min.js并且我想知道为什么脚本是立即函数,它应该是普通脚本,所以删除:

(function() {
 //your js code
// do other stuff}()); and only set your code 

答案 1 :(得分:0)

您可以将指令ngCloak放在指令的父div上。这可以消除你的眨眼效果。

ngCloack documentation