具有模块化html文件的角度应用

时间:2015-08-04 11:06:20

标签: angularjs

我正在使用node.js在Angular中从头开始编写应用程序,我想知道我是否正在做正确的事。

我想将我的索引的内容拆分为更小的html模块及其各自的控制器,这样,当项目变大时,一切都会看起来更结构化,更容易找到。

例如:

  • index.html< ---主文件
  • /views/menu.html< --- menu module
  • /views/content.html
  • /js/menu.js< --- html模块的控制器
  • /js/content.js ...

我只需添加 ng-include

即可管理这些文件

例如

  

< ng-include src =“'views / menu.html'”>

我担心的是,这就像每个文件的GET请求一样,我想知道这是否会影响我的应用程序的加载速度。因为我在本地工作,这在2ms内加载非常快,但我想知道这将如何在线运行。

我的问题是:

  • 这是创建具有不同html文件和js控制器的模块化应用程序的最佳方式吗?
  • 有没有更好的方法来实现我想做的事情?

我还在学习Angular,对不起,如果这太基础了。

由于

2 个答案:

答案 0 :(得分:3)

最好使用index.html作为基本加载文件,它将在应用程序的负载上加载所有css和js,

例如: - 你可以为登录和登录后制作不同的应用程序。登录后。 登录后通过应用程序加载所有js和css文件..这将改善加载时间,也是一个模块化的

答案 1 :(得分:2)

正如@Dhruv Raj Singh所建议的那样,使用不同的ng-app进行登录前和登录后是件好事。 构建您想要的代码总是好的。

  

现在 ng-include   每次请求ngInclude内容时,都会发出事件$ includeContentRequested。

现在可以根据需求使用案例使用和何时使用。

如果 该模块是一种特殊的模块,它需要大量特定于它的资源,并且将被少数用户使用,只有少数几次,然后最好只将它们包含在该模块中

其他公共资源应包含在ng-app级别。

您可以按照您想要的方式命名和组织资源,但在创建登录后的应用程序时将其包括在内。