如何在 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"
相关文章:
- 如何定义一个模块并使用它来分离js文件
- 从一个模块暴露到另一个模块
- Node.js创建一个模块来收集内存(ram)信息
- 如何从另一个模块调用函数
- 无法调用requirejs中的另一个模块
- 打字稿“;导出的外部包打字机不是一个模块”;
- 在另一个模块中重用私有jQuery函数
- 从另一个模块访问作用域的指令
- Babel 怎么知道把一个模块当作一个模块来对待
- 我应该在每个文件中都需要一个模块还是需要它一次并将其作为参数传递
- 这是一个模块化的js设计模式吗?以及如何在此模型中的不同模块中重用值
- nodejs 将值从一个模块传递到另一个模块
- JavaScript 将一个模块“导入”到另一个模块中
- 如何将方法导出到另一个模块
- 在多入口点模块中仅获取一个<模块名称>.nocache.js文件
- 使用 on nodejs 从另一个模块捕获事件
- 来自另一个模块的 Angularjs 路由控制器
- javascript sandbox 一个模块,用于防止引用 Window
- 来自另一个模块的 Angular JS Service DI
- 访问angularjs中另一个模块中定义的工厂