所有脚本获取内容之前的特定指令（AngularJS）或某些模板加载

Question

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

  

200 OK           45ms
  angular.min.js（第100行）
  /customers/create.form.tpl
      
  200好的           44毫秒
  angular.min.js（第100行）
  /customers/new.json
      
  200好的           41ms
  angular.min.js（第100行）
  /customers/new.json
      
  200好的           41ms

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

Answer 1

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

1）您可以创建一个覆盖应用程序中所有内容的加载掩码，并将ng-hide绑定到rootscope中的变量，并在.run（）中设置为true。这样，当Angular加载并初始化时，您将隐藏加载掩码。不需要指令，也不需要任何指示。

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

3）你可以有一个特殊的加载div，即使在框架加载后仍然保持活动状态（也许你有一个需要完成的ajax请求）。在这种情况下，1）可以像以前一样工作，只需在最终的ajax请求之后将rootScope变量设置为true。