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


how can i add multiple modules in one page in angularjs

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

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

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

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

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

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

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