$rootScope.$new()与$scope.$new()

youhebuke225

已于 2022-01-21 09:24:54 修改

阅读量558

点赞数 1

分类专栏： angularJS 文章标签： angular.js javascript 前端

于 2022-01-21 09:18:31 首次发布

本文链接：https://blog.csdn.net/youhebuke225/article/details/122614192

版权

angularJS 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

`$rootScope.$new()`

新建一个干净的作用域

`$scope.$new()`

新建一个可继承的作用域

例子

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  </head>
  <body ng-app="myApp" ng-controller="myCtrl">
    <div>
      <h1>{{indexName}}</h1>
    </div>

    <script>
      var app = angular.module("myApp", []);
      app.controller("myCtrl", function ($scope,$compile,$rootScope) {
        $scope.indexName = "主页";
        _scope = $rootScope.$new();
        console.log(_scope);
        scope = $scope.$new()
        console.log(scope);
      });
    </script>
  </body>
</html>

打印

在这里插入图片描述
我们会发现继承的作用域中有父作用域的属性

`$scope`在干什么

Scope提供$watch方法监视Model的变化。
Scope提供$apply方法传播Model的变化。
Scope可以继承，用来隔离不同的application components和属性访问权限。
Scope为Expressions的计算提供上下文。

youhebuke225

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
$rootScope.$new()与$scope.$new()

$rootScope.$new()新建一个干净的作用域$scope.$new()新建一个可继承的作用域例子<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.6.8/angular.min.js"></script>
复制链接

扫一扫