angurlarjs学习笔记

Posted 2020-08-24 走小天

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>