0

页面加载时我有一个脚本:

200 OK 45ms
angular.min.js(第 100 行)
/customers/create.form.tpl

200 OK 44ms
angular.min.js(第 100 行)
/customers/new.json

200 OK 41ms
angular.min.js(第 100 行)
/customers/new.json

200 确定 41 毫秒

在 AngularJS 加载所有脚本之前,我想要一个页面加载模板,直到加载所有脚本并且加载脚本时,用户可以使用该产品。

4

1 回答 1

0

有很多方法可以解决这个问题:

1) 您可以创建一个加载掩码,覆盖应用程序中的所有内容,并将 ng-hide 绑定到 rootscope 中的变量,并在 .run() 处设置为 true。这样,当 Angular 加载和初始化时,您可以隐藏加载掩码。不需要指令,什么都没有。

2)你可以有一个隐藏自己的指令。这样,在初始化 angular 之前,加载元素会显示在页面上。然后,在初始化之后,该指令在加载元素上应用某种 CSS 类并将其淡出,然后将其从 dom 中删除。

3)即使在框架加载后,您也可以拥有一个特殊的加载 div 保持活动状态(也许您还有一个需要完成的 ajax 请求)。在这种情况下,1) 可以像以前一样工作,只需在完成 ajax 请求后将 rootScope 变量设置为 true。

于 2013-06-12T07:02:57.267 回答