AngularJS $rootScope根作用域,直接运行(run())(优先执行)


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>  


猜你喜欢

转载自blog.csdn.net/houyanhua1/article/details/80155872
今日推荐