angurlarjs學習筆記

標籤：範圍   javascrip   htm   uname   use   rootscope   control   指令   學習   

AngularJS 根範圍($rootScope)

所有的應用都有一個 $rootScope，它可以作用在 ng-app 指令包含的所有 HTML 元素中

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


<div ng-app="myapp">
    <h1 style="color:#f00" ng-controller="mycc">姓名:{{uname}},性別:{{usex}}</h1>
    <h1 style="color:#00f" ng-controller="ucc">姓名：{{uname}},年齡：{{uage}}</h1>
</div>
<script language="javascript">
 var app=angular.module("myapp",[]);
 app.controller("mycc",function($scope,$rootScope){
       $scope.uname="神仙姐姐";
       $rootScope.uname=$scope.uname;
       $scope.usex="女";
     })
 app.controller("ucc",function($scope,$rootScope){
      $scope.uname=$rootScope.uname;
      $scope.uage="28"
     })
</script>

angurlarjs學習筆記