angular在一个页面中使用两个ng-app的方法(二)
2017-02-20 14:54
771 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>ng-app指令,angular找到第一个ng-app就不会再找了,在一个页面中只使用一个ng-app.</title> </head> <body ng-app="myApp"> <input type="button" ng-controller="App1Controller" ng-click="do1()" value="按钮1" /> <input type="button" ng-controller="App2Controller" ng-click="do2()" value="按钮2"> <script src="bower_components/angular/angular.js"></script> <script> var myApp1 = angular.module('myApp1', []); myApp1.controller('App1Controller', ['$scope', function($scope){ $scope.do1 = function(){ console.log(11111); }; }]); var myApp2 = angular.module('myApp2', []); myApp2.controller('App2Controller', ['$scope', function($scope){ $scope.do2 = function(){ console.log(22222); }; }]); /** * myApp Mod'myApp1','myApp2'ul; * * Description */ angular.module('myApp', ['myApp1','myApp2']); </script> </body> </html>
就是用一个大的模块将两个小模块包起来
相关文章推荐
- Angular在一个页面中使用两个ng-app的方法(二)
- Angular在一个页面中使用两个ng-app的方法
- angular在一个页面中使用两个ng-app的方法
- 使用angular.bootstrap完成模块的手动加载(一个页面多个ng-app时使用)
- 解决angular单个页面只能加载一个ng-app的问题
- 两个控件使用同一个对应函数的方法
- 定义Person类,Person类中含有两个属性name 和age ,使用compare方法比较两个对象是否为同一个对象。假定name 和age 都相同就似为同一个对象
- 1.写student类中的select,delete,update,insert方法并在objectDataSource中应用(分别写两个,一个返回datatable,一个使用list)
- 已知两个链表head1 和head2 各自有序,请把它们合并成一个链表依然有序。使用非递归方法以及递归方法。
- 同一个账号启动两个resin而要求使用不同jdk的解决方法
- AppDelegate 里一个基本的跳转方法,用来在rootView崩溃的时候直接调试我自己的页面
- thinkphp 一个页面使用2次分页的实现方法
- 解决一个页面有两个FCKeditor时,无法使用FCKeditorAPI.GetInstance问题
- 一个Jsp页面有两个window.onload的解决方法
- 单个angular页面只会加载第一个ng-app
- 在同一个页面使用多个不同的jQuery版本而不冲突的方法
- C语言中两个井号"##"和一个井号"#"的使用方法
- 使用extjs,来实现一个页面调用另一个页面中的方法,并且能获得方法的返回值
- 写student类中的select,delete,update,insert方法并在objectDataSource中应用(分别写两个,一个返回datatable,一个使用list)
- 写student类中的select,delete,update,insert方法并在objectDataSource中应用(分别写两个,一个返回datatable,一个使用list)