gpt4 book ai didi

javascript - AngularJS 中 header 和 body 部分具有不同依赖关系的单独模块

转载 作者:行者123 更新时间:2023-11-28 00:05:33 25 4
gpt4 key购买 nike

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

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

我的问题是,我需要在某些具有不同依赖项的页面中使用 app 变量(例如 ui.bootstrap)。我应该在 header 部分定义所有依赖项吗?就像下面的例子:

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 文件:

(标题.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) {
...
};

});

})();

最佳答案

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

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

Can I use separate modules in my header and body sections?

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

Can I add dependency to my module after its definition?

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

关于javascript - AngularJS 中 header 和 body 部分具有不同依赖关系的单独模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31371815/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com