Question

我在我的项目中使用angularJS。我的项目的每个页面都包含两个主要部分（header.html（作为母版页）和正文部分），并且我在所有页面中都包含标题部分。我在标题部分需要angularJS来加载一些信息。我在标题部分定义了app变量，其他每个页面都在使用此应用程序变量（模块）。

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

我的问题是，我需要在一些具有不同依赖关系的页面中使用app变量（如ui.bootstrap）。我应该在标题部分中定义所有依赖项吗？如下例：

var app = angular.module('myModule',['ui.bootstrap', ...])

我可以在标题和正文部分使用单独的模块吗？

我可以在定义后为我的模块添加依赖吗？

我的页面结构：

<html>
  <head>
  </head>

  <body>
    <div ng-app="HeaderApp" ng-controller="HeaderCtrl"> ... </div>
    <div ng-app="BodyApp" ng-controller="BodyCtrl"> ... </div>
  </body>
</html>

和Javascript文件：

（Header.js）

(function() {
    var app = angular.module('HeaderApp', []);
    app.controller('HeaderCtrl', function($scope, $http) {
        LoadUserName($scope, $http);
    });

    function LoadUserName($scope, $http) {
        ...
    }
})();

（Body.js）

(function() {

    angular.module('BodyApp', ['HeaderApp','ui.bootstrap']);
    var app = angular.module('BodyApp');

    app.controller("BodyCtrl", function($scope, $http) {
           ...
        };

    });

})();

Answer 1

(function () {
    var app = angular.module('bootstraplessModule', [...]);
    ...
)();

和

(function () {
    var app = angular.module('bootstrappedModule', [ 'bootstraplessModule', 'ui.bootstrap' ]);
    ...
)();

我可以在标题和正文部分使用单独的模块吗？

是。虽然我不确定在两个不同的地方定义它们是否有多大意义。

我可以在定义后为我的模块添加依赖吗？

没有。但是您可以提供一个数组变量来动态定义模块。

在angularJS

1 个答案: