AngularJS --- Scope

scope（作用域）是应用在 HTML（视图）和 JavaScript（控制器）之间的纽带。

Scope是一个对象，有可用的方法和属性。

Scope 可应用在视图和控制器上。

Scope 是模型。

Scope 是一个JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。 

     <div ng-app="myApp" ng-controller="myCtrl">
          <input ng-model="name">
          <h1>{{greeting}}</h1>
          <button ng-click="sayHello()">点我</button>
     </div>
     <script>
          var app = angular.module('myApp',[]);
          app.controller('myCtrl',function($scope){
               $scope.name="zhouli";
               $scope.sayHello = function(){
                    $scope.greeting = 'Hello ' + $scope.name + '!';
               };
          });
     </script>

 

rootScope 可作用于整个应用中，是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个contrller中使用。

 

     <div ng-app="myApp" ng-controller="myCtrl">
          <h1>{{lastName}}</h1>
          <ul>
               <li ng-repeat="x in names">{{x}} {{lastName}}</li>
          </ul>
     </div>
     <script>
          var app = angular.module('myApp',[]);
          app.controller('myCtrl',function($scope,$rootScope){
               $scope.names = ['Email','Tobias','Linus'];
               $rootScope.lastName = 'Refsnes';
          });
     </script>