【发布时间】：2015-02-11 20:25:36
【问题描述】：
仅使用指令来组织 html 是不好的做法吗？
一个简单的例子：
<header></header>
<sidebar></sidebar>
<main-content></main-content>
<footer></footer>
每个指令只定义了 templateUrl 属性，仅此而已。我目前正在从事的一个项目可能会有 10-15 个这样的指令。我不确定这是在滥用指令还是会对页面的加载时间产生负面影响。
谢谢。
【问题讨论】：
-
嗯，它会导致 4 个请求来加载页面内容，而不是只有 1 个。使用服务器端模板来执行此操作会更有效。
-
...而且，如果您坚持，已经有执行此操作的指令 -
ng-include -
如果你使用任何东西不止一次你可以使用指令...
-
如果您要在多个地方重复使用 HTML，这不是一个坏习惯。它还清理了所有这些元素组合在一起的视图。请注意，
ng-include创建了一个额外的范围，您可以通过创建自己的指令来避免这种情况。最后，还有一些解决方案可以连接 HTML 模板以避免对模板文件的所有额外请求。
标签： html angularjs angularjs-directive