angurlarjs學習筆記

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>