在所有视图中使用的Common指令的DRY用法

时间:2014-08-19 09:40:32

标签: angularjs

如果我有一个10个视图的角度路由器,并且每个视图具有相同的横幅,那么必须声明在每个视图中包装横幅及其控制器的相同指令是多余的吗?

1 个答案:

答案 0 :(得分:1)

在大多数情况下 - 是的,这是多余的。

您只需要在此模块中创建一些Angular模块和create指令:

angular.module('angularApplication', [])
       .directive('directiveName', function directiveDefinition() {....});

然后对Angular应用程序的根元素使用“ng-app”属性+使用此指令:

<html ng-app="angularApplication">
    <directiveName></directiveName>
...
</html>

在极少数情况下,您需要创建多个指令 - 但这些情况非常罕见(并且可以通过一个具有不同指令属性的指令来实现)。