Inject angularjs指令

Question

我的脚本A中有这样的结构：

module.exports = angular.module('myApp').controller(..).directive(..)

我想要注入额外的指令，这样我就有了这样的东西：

module.exports = angular.module('myApp').controller(..).directive(..).directive(..)

我想从脚本A的外部执行此操作。

有什么想法可以实现这一点吗？我仍然在跟上angular，任何帮助都是非常感谢的！非常感谢!

Answer 1

如果我理解正确的话，您希望动态创建您的指令。(在不同的angular模块中)您可以以blow的方式编写代码，

//dynamic directive    dyDir.js
module.exports = function (app) {
    app.directive(...)
};

你的脚本

var dyDir = require('./dyDir.js');

var yourApp = angular.module('appName',[]);
yourApp.controller('testCtrl', ...)
dyDir(yourApp); //parse angular module instance as parameter

虽然这是可行的，但我真的不认为同时使用angular.module和commonjs module是一个好的做法，因为这会让其他开发人员感到困惑。

希望这能解决你的问题。：)

Answer 2

假设您有一个现有的模块myModule，以及两个控制器myController1和myController2 (这两个控制器的代码分别位于文件myModule 1.js和Controler2.js中)。以下是文件myapp.js中的代码：

module.exports = angular.module("myModule", [])
.controller('myController1', require('./controller1.js'))
.controller('myController2', require('./controller2.js'))

您可以重用该模块。

require('./myapp.js');
require('./mydirective.js'); //this is your new directive
var app = angular.module("myModule"); //get an existing module

app.directive('directiveName', function() {
    return {
        ...
    }
})