在不同的应用程序中使用angular.js指令?

时间:2015-03-10 10:00:37

标签: javascript angularjs angularjs-directive

我有一个我想在不同地方使用的指令。

var app1 = angular.module("App1"...);
app1.directive('ngFoo' ...   );

其他网页:

var app2 = angular.module("App2"...);
app2.directive('ngFoo'  ...   );

如何在不同的页面中以实用的方式添加指令的代码? 有什么最好的做法?

1 个答案:

答案 0 :(得分:1)

您正在寻找的是模块模式,它可以轻松地重用代码。如果app1和app2的指令相同,我建议为指令创建自己的模块:

angular.module('myDirectiveModule', []).directive('ngFoo', ...);

然后,如果您想在app1中使用该指令,则将其包含为app1模块的依赖项:

angular.module('app1', ['myDirectiveModule']);

然后您可以继续使用app1中的指令。如果你想在app2中使用该指令:

,情况也是如此
angular.module('app2', ['myDirectiveModule']);

因此该指令成为它自己的可重用模块。