在AngularJs中动态注册依赖模块

时间:2016-02-23 23:02:42

标签: angularjs asp.net-mvc

我想在ASP.NET MVC应用程序的区域内部有多个AngularJs模块。每个模块都是一个单独的应用程序。这将有助于我们独立部署每个模块,而无需重建主应用程序。请建议是否可以采用这种方法。

此外,我想在主要的ASP.NET MVC应用程序中拥有index.html页面(在“区域”部分中有其他SPA)。我想检查如何加载不同的模块,而不是在主模块中对它们进行硬编码(请查看下面的app.js部分)

index.html会有ng-app =' app' :

<html ng-app='app'>
<title/>
<body>
<!-- some code -->
</body>
</html>

app.js:

var myApp = angular.module('app', [
    'ngRoute',
    <how to load the dependent modules dynamically with out hard coding them here>`
]);

任何帮助都将受到高度赞赏。感谢

1 个答案:

答案 0 :(得分:0)

您可以定义一个动态创建依赖关系数组的函数。

var getDependents = function () {
    var dependents = [];
    dependents.push("ngRoute");
    dependents.push("somethingElse");
    //dynamically add more
    return dependents;
};

var myApp = angular.module('app', getDependents());
相关问题