我使用ui-router / stateProvider为单个页面应用加载各种视图。另外,我通过将代码分解为组件来实现构建代码的最佳实践,例如我所拥有的;
我有很多不同的视图/组件(10+),我的问题实际上与如何管理js文件(以及CSS文件)的加载有关。我可以将JS文件全部放在index.html
文件中的标签中,并且一切正常,但看起来有点乱,因为它是一个很长的列表。
所以我的问题是:我应该如何管理每个视图的各种脚本的包含;它们是否应该保留在index.html
文件中,还是有更好的方法来管理它们,例如只有在通过ui-router调用每个视图时加载?
非常感谢
答案 0 :(得分:0)
我认为你需要使用 RequireJs ,我会在几个网站上加上解释如何实现的文档。
http://www.javascripthtml.com/load-dynamically-javascript-file-in-angularjs-with-requirejs/
https://cdnjs.com/libraries/backbone.js/tutorials/organizing-backbone-using-modules
答案 1 :(得分:0)
对于css,您可能希望为每个视图添加一个类,然后对所有视图使用单个css文件。我将css组织成模块以便于访问。这也有助于加载时间,因为它需要更少的请求。
对于js,我将创建一个通用的js文件,其中包含所有视图所需的任何代码,然后为各个视图创建单独的js文件。真的没有"对"本身的方式,但取决于您使用的开发人员的首选方式。让其他开发人员阅读简单易行。 :)
答案 2 :(得分:-1)
我和你有同样的问题,我认为我们唯一的解决方案是在" index.hmtl"中添加脚本。页。