Angular在一个页面中使用两个ng-app的方法(二)
程序员文章站
2022-07-05 20:14:12
在上篇文章给大家介绍了angular在一个页面中使用两个ng-app的方法,这种方法不太推荐,下面给大家介绍方法二,具体代码如下所示:
在上篇文章给大家介绍了angular在一个页面中使用两个ng-app的方法,这种方法不太推荐,下面给大家介绍方法二,具体代码如下所示:
<!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的方法(二),希望对大家有所帮助
上一篇: 微信小程序 获取二维码实例详解
下一篇: w3c编程挑战_初级脚本算法实战篇