Angular在一个页面中使用两个ng-app的方法
程序员文章站
2022-07-05 20:10:24
下面一段代码给大家介绍了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> <input type="button" ng-app="myapp1" ng-controller="app1controller" ng-click="do1()" value="按钮1" /> <input type="button" ng-app="myapp2" ng-controller="app2controller" ng-click="do2()" value="按钮2"> <script src="bower_components/angular/angular.js"></script> <script> /** * myapp1 module * * description */ 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); }; }]); //手动的让第二个div被myapp2管理 angular.bootstrap(document.queryselector('[ng-app="myapp2"]'), ['myapp2']); </script> </body> </html>
这种方法不推荐,请参考下篇文章。下面给大家介绍敬请关注!
推荐阅读
-
在C#中List集合使用First()方法获取第一个元素的操作
-
在Python 中同一个类两个函数间变量的调用方法
-
在一个页面实现两个zTree联动的方法
-
给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。
-
给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那 两个 整数,并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是,数组中同一个元素不能使用两遍。
-
LeetCode1.两数之和:给定一个整数数组 nums 和一个目标值 target,请你在该数组中找出和为目标值的那两个整数,返回数组下标。假设每种输入只对应一个答案。但数组中同一个元素不能使用两遍
-
在 Angular中 使用 Lodash 的方法
-
详解在Angular4中使用ng2-baidu-map的方法
-
Angular在一个页面中使用两个ng-app的方法
-
Angular在一个页面中使用两个ng-app的方法(二)