AngularJS深入
这个系列真不错,是我想学的深入内容。
http://syaning.com/2015/07/16/dive-into-angular-1/
一般情况下,一个页面中只有一个应用,但是一个页面上多个应用也是可以共存的。通过上面对源码的分析,可以知道,只有第一个应用会自动启动,因此其余的应用需要手动来启动,例如:
<div id="app1" ng-app="MyModule1"> <div ng-controller="ctrl1"> </div> </div> <div id="app2" ng-app="MyModule2"> <div ng-controller="ctrl2"> </div> </div> <script> var myModule1 = angular.module('MyModule1', []); myModule1.controller('ctrl1', ['$scope', function($scope) { $scope.name = 'alex'; }]); var myModule2 = angular.module('MyModule2', []); myModule2.controller('ctrl2', ['$scope', function($scope) { $scope.greeting = 'hello'; }]); angular.element(document).ready(function() { angular.bootstrap(document.getElementById('app2'), ['MyModule2']); }); </script>