W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <script src="https://cdn.staticfile.net/angular.js/1.6.9/angular.min.js"></script> <body ng-app="myApp"> <p>根作用域 (rootScope) 的最爱颜色：</p> <h1>{{color}}</h1> <div ng-controller="myCtrl"> <p>控制器作用域的最爱颜色：</p> <h1>{{color}}</h1> </div> <p>根作用域 (rootScope) 的最爱颜色仍然是：</p> <h1>{{color}}</h1> <script> var app = angular.module('myApp', []); app.run(function($rootScope) { $rootScope.color = 'blue'; // 在应用运行时，设置根作用域的最爱颜色为蓝色。 }); app.controller('myCtrl', function($scope) { $scope.color = "red"; // 在控制器中，设置控制器作用域的最爱颜色为红色。 }); </script> <p>注意，控制器的作用域中的颜色变量并不会覆盖根作用域的颜色值。</p> </body> </html>