两个ng-app可以在同一页面中共存吗?

时间:2015-01-26 02:19:52

标签: angularjs

他们理解它,每个功能最好使用一个模块。对于我的演示应用程序,我为用户配置文件,购物车和产品浏览创建了一个模块(有一个,有时是两个控制器)。

现在我已经在服务器端添加了帐户和角色管理,我即将添加一个模块来处理用户的登录和角色问题。

知道几乎所有页面都需要登录功能,我想知道2个模块是否可以在同一页面上共存?

在我的所有网页上,没有ng-controller指令,只有ng-app="cartModule"。我看不到任何使用多个模块的代码。

例如,在记录之后,我需要userId导航到购物车页面,个人资料页面,产品页面等。到目前为止,我已经对userId进行了硬编码,只是为了让我能够继续编码。另一种方法是将所有功能合并到一个巨型模块中。

关于如何处理常见问题的任何想法?

2 个答案:

答案 0 :(得分:2)

声明模块时,您可以依赖其他模块并使其可用:

angular.module('myModule', ['dataModule', 'someUiModule', ..., ])

所以,那样做。

您可以在同一页面上拥有单独的应用程序,但它并没有真正有意义。

答案 1 :(得分:0)

是的,如果你手动引导角度有可能:

angular.element(document).ready(function() {
    var app1 = angular.module('app1',[]);
    var app2 = angular.module('app2',[]);
    ...  // Find the two DOM elements
    angular.bootstrap(element1, ['app1']);
    angular.bootstrap(element2, ['app2']);
});

在HTML中,请务必删除所有ngApp指令。