angurlarjs学习笔记

最新推荐文章于 2024-07-11 15:59:35 发布

weixin_34185320

最新推荐文章于 2024-07-11 15:59:35 发布

阅读量100

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhoupengyi/p/6196126.html

本文介绍了AngularJS中根作用域($rootScope)的概念及其应用场景。通过示例代码展示了如何在一个应用中利用$rootScope来实现不同控制器之间的数据共享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>