如何在angularjs中的一个页面中添加多个模块

时间:2016-02-12 08:10:37

标签: javascript php html angularjs codeigniter

我正在使用Codeigniter框架通过PHP开发Web应用程序。在控制器中我将2个视图加载为$ this-> load-> view(' menu.html ')& $这 - >负载>图( '的 home.html的')

在html页面中我使用的是Angularjs框架。由于每个页面都有自己的模块;但是在加载menu.html之后,第二个home.html没有正确加载,因为在angularjs中只能有一个ng-app。

那么如何使用不同的模块在单个页面上添加两个视图**(对于每个html我创建了单独的模块文件,意味着单独的javascript文件**)

2 个答案:

答案 0 :(得分:0)

您可以在dom元素上手动引导角度:

angular.bootstrap(div1, ['app1']);
angular.bootstrap(div2, ['app2']);

答案 1 :(得分:0)

Angular只会引导它遇到的第一个ng-app。您应该只使用一个应用程序(模块),但您可以轻松创建一个使用其他两个模块的模块。

angular.module("app", ["yourHomeModule", "yourMenuModule"]);

ng-app="app"