如何将 AngularJS 指令挂接到两个不同的项目中？

Question

我正在搜索专门针对此的教程，但似乎没有找到，所以可能是我遗漏了什么：

如果我声明一个模块，保存为myproject.js

var myProject = angular.module('myProject',[]);

后来我加了一个指令，保存为domchanger.directive.js

myProject.directive('domchanger', function (){});

但是现在，我有一个新项目，保存为newproject.js

var newProject = angular.module('newProject', []);

但是如果我尝试添加 domchanger，它会挂接到 myProject 中。

当然我不应该保存整个版本并将 myProject 更改为 newProject？

我确定我已经看到我会以某种方式对指令做一些事情以使其通用，因此它可以在任何模块上使用。大多数在线文档似乎都跳过了这一步，或者甚至没有做到这一点。

我需要做什么才能让 domchanger.directive.js 即插即用 newProject？

编辑：根据简化非工作代码的请求

var myProject = angular.module('myProject', []);


myProject.controller('projectControl', ['$scope', function ($scope) {

$scope.Test = "hello";

}]);

myProject.directive('projectDirective', function () {

});

var newProject = angular.module('newProject', ['projectControl', 
'projectDirective']);

这给了我一个

无法实例化模块 newProject，原因如下：错误：$注入器：nomod 模块不可用

如果有帮助..

Answer 1

如果这就是你的 "domchanger.directive.js" 样子...

    var app = angular.module("myDirective", []);
app.directive("testDirective", function() {
//...
});
app.controller('testController',function($scope){
//...
});

可以在您的项目中调用此即插即用（可注入模块）...

 var app = angular.module("myProject", ["myDirective"]);

或 var app = angular.module("newProject", ["myDirective"]);

希望这就是您要找的...

如何将 AngularJS 指令挂接到两个不同的项目中？

How do I hook an AngularJS directive into two different projects?

angularjs

angularjs-directive

angularjs-module