如何在應用程序中注入/加載Angular指令

Question

我的main.js位於應用程序的根文件夾中。

-app
 |_ routes.js
 |_ main.js
-components
 |_directives
   |_abc-directive.js

如何定義可以從另一個文件夾添加的指令。

我嘗試了這個：

abc-directive.js ：

var abcDirective = function() {
    // directive code
}

main.js ：

app.main = angular.module('main', ['ngRoute', 'components.directives']);
app.main.directive('abcDirective', "<I don't want to define a directive here, 
                                      rather load from diff. folder>");

Answer 1

您可以在自己的模塊中定義控制器，指令，並將這些模塊作為依賴項添加到主模塊中

ABC-directive.js

var app = angular.module('directives.abcDirective', [])

app.directive('abcDirective', ...

main.js

var app = angular.module('mainApp', ['directives.abcDirective'])

您可以使用RequireJS來管理依賴項。

Answer 2

假設您在指令文件之前加載了main.js ，其中包括main模塊聲明。

您可以像這樣在指令文件中注冊指令：

angular.module('main').directive('abcDirective', abcDirective);

希望這可以幫助。