我有一个我想在不同地方使用的指令。
var app1 = angular.module("App1"...);
app1.directive('ngFoo' ... );
其他网页:
var app2 = angular.module("App2"...);
app2.directive('ngFoo' ... );
如何在不同的页面中以实用的方式添加指令的代码? 有什么最好的做法?
答案 0 :(得分:1)
您正在寻找的是模块模式,它可以轻松地重用代码。如果app1和app2的指令相同,我建议为指令创建自己的模块:
angular.module('myDirectiveModule', []).directive('ngFoo', ...);
然后,如果您想在app1
中使用该指令,则将其包含为app1模块的依赖项:
angular.module('app1', ['myDirectiveModule']);
然后您可以继续使用app1中的指令。如果你想在app2中使用该指令:
,情况也是如此angular.module('app2', ['myDirectiveModule']);
因此该指令成为它自己的可重用模块。