demo.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>AngularJS</title> <script src="angular.min.js"></script> <!-- 引入AngularJS框架 --> </head> <body ng-app="App"> <div ng-controller="DemoController"> <h3>{{name}}</h3> </div> <script> var App = angular.module('App',[]); // 通过run方法直接运行(模块)。(优先执行) $rootScope根作用域 App.run(['$rootScope',function($rootScope) { $rootScope.name = '张三'; // $rootScope根作用域(全局作用域) }]); // 控制器 App.controller("DemoController",['$scope',function($scope) { $scope.name = '覆盖根作用域中的变量'; //每个控制器相当于function。 $scope覆盖$rootScope中的变量 (作用域链) }]); </script> </body> </html>