angular在一个页面中使用两个ng-app的方法

来源：互联网发布：地热模拟软件编辑：程序博客网时间：2024/04/30 11:26

<!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>

这种方法不推荐，请看下一篇文章。
angular在一个页面中使用两个ng-app的方法(二)

0 0