javascript - AngularJs:单独的 js 文件中的嵌套指令

Question

HTML 页面包含指令“A”，其 javascript 文件包含在 HEAD 中。

我尝试在指令“A”内使用指令“B”，但无法弄清楚如何从指令“A”将 javascript 文件引用到指令“B”

• HTML <-- 引用 src="...directivea.js"
  - 指令A <--需要在这里引用directiveb.js
  - 指令B

Answer 1

声明全部your files在您的页面(此处为 html)中。 - 应用程序 - Controller - 指令 - 等等...

如果你在A中注入(inject)B，那么Angular就会理解。

Only module explicitly used in html (ex ng-controller="myctrl") will be loaded by angular on that page. Even if you declare (by <script tag) 10 files (js) of 10 controllers. The only loaded will be myctrl.

示例:

我在 1 个文件中获得了一个应用程序，并从另一个文件注入(inject)了 1 个 Controller :

  //myApp.js
var ngwfApp = angular.module('myApp', [     'controller1_module',
                                            function () {
   //verbose init is ok
   console.log('--> INIT : Hello application :  \'\'myApp\'\' ');
}]);

   //ctrl1.js
  var ctrl1 = angular.module('controller1_module', []);
  ctrl1.controller('myController1NameOnHtml', ['$scope', function ($scope) {
    //verbose
    console.log('--> INIT : Hello controller  \'\'myController1NameOnHtml\'\' ');
}]);

 //and so on for all files you need

在我的 html 中:

    <!-- angular app -->            
    <script type="text/javascript" src="/_PATH_/myApp.js"></script>

    <!-- angular controller -->
    <script type="text/javascript" src="/_PATH_/ctrl1.js.js"></script>