Question

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

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

HTML＆lt; - 引用src =“... directivea.js”
- 指令A＆lt; - 需要在这里引用directiveb.js - 指令B

Answer 1

在您的页面中声明所有your files（此处为html）。 - 应用程序 - 控制器 - 指令 - 等......

然后，如果您在A中注入B，则angular会理解。

只有在html（ex ng-controller="myctrl"）中明确使用的模块在该页面上的角度为loaded。 即使您声明（通过<script tag）10个控制器的10个文件（js）。唯一加载的是myctrl。

示例：

我在一个文件中有一个应用程序，我从另一个文件中注入了一个控制器：

  //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>

AngularJs：单独的js文件中的嵌套指令

1 个答案: