AngularJS --- Scope

標籤：cli   email   ack   tin   mod   rip   --   應用   html   

scope（範圍）是應用在 HTML（視圖）和 JavaScript（控制器）之間的紐帶。

Scope是一個對象，有可用的方法和屬性。

Scope 可應用在視圖和控制器上。

Scope 是模型。

Scope 是一個JavaScript 對象，帶有屬性和方法，這些屬性和方法可以在視圖和控制器中使用。 

 1      <div ng-app="myApp" ng-controller="myCtrl"> 2           <input ng-model="name"> 3           <h1>{{greeting}}</h1> 4           <button ng-click="sayHello()">點我</button> 5      </div> 6      <script> 7           var app = angular.module(‘myApp‘,[]); 8           app.controller(‘myCtrl‘,function($scope){ 9                $scope.name="zhouli";10                $scope.sayHello = function(){11                     $scope.greeting = ‘Hello ‘ + $scope.name + ‘!‘;12                };13           });14      </script>

 

rootScope 可作用於整個應用中，是各個 controller 中 scope 的橋樑。用 rootscope 定義的值，可以在各個contrller中使用。

 

 1      <div ng-app="myApp" ng-controller="myCtrl"> 2           <h1>{{lastName}}</h1> 3           <ul> 4                <li ng-repeat="x in names">{{x}} {{lastName}}</li> 5           </ul> 6      </div> 7      <script> 8           var app = angular.module(‘myApp‘,[]); 9           app.controller(‘myCtrl‘,function($scope,$rootScope){10                $scope.names = [‘Email‘,‘Tobias‘,‘Linus‘];11                $rootScope.lastName = ‘Refsnes‘;12           });13      </script>

 

AngularJS --- Scope