如何在Angularjs ui-router中管理每个视图的脚本?

时间:2016-05-31 20:27:38

标签: angularjs angular-ui-router

我使用ui-router / stateProvider为单个页面应用加载各种视图。另外,我通过将代码分解为组件来实现构建代码的最佳实践,例如我所拥有的;

  • 的index.html
  • \组件
    • \的Component1
      • \ page1.html
      • \ page1.css
      • \第1页 - controllers.js
      • \第1页 - directives.js
    • \ COMPONENT2
      • \ page2.html
      • \ page2.css
      • \第2页 - controllers.js
      • \第2页 - directives.js

我有很多不同的视图/组件(10+),我的问题实际上与如何管理js文件(以及CSS文件)的加载有关。我可以将JS文件全部放在index.html文件中的标签中,并且一切正常,但看起来有点乱,因为它是一个很长的列表。

所以我的问题是:我应该如何管理每个视图的各种脚本的包含;它们是否应该保留在index.html文件中,还是有更好的方法来管理它们,例如只有在通过ui-router调用每个视图时加载?

非常感谢

3 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

对于css,您可能希望为每个视图添加一个类,然后对所有视图使用单个css文件。我将css组织成模块以便于访问。这也有助于加载时间,因为它需要更少的请求。

对于js,我将创建一个通用的js文件,其中包含所有视图所需的任何代码,然后为各个视图创建单独的js文件。真的没有"对"本身的方式,但取决于您使用的开发人员的首选方式。让其他开发人员阅读简单易行。 :)

答案 2 :(得分:-1)

我和你有同样的问题,我认为我们唯一的解决方案是在" index.hmtl"中添加脚本。页。