$state、$watch、$scope、$rootScope分别是什么？

最新推荐文章于 2021-08-10 11:02:57 发布
最新推荐文章于 2021-08-10 11:02:57 发布
阅读量478 收藏 1
点赞数
分类专栏： 从零开始学前端 文章标签： 前端 web 互联网 零基础 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/learning_web/article/details/89674230
版权
本文详细介绍了AngularJS中的核心概念，包括作用域（$scope和$rootScope）的层级关系和作用，$watch的深度监听及其优缺点，以及$state在路由中的应用。通过实例解析了这些概念在实际开发中的运用，帮助开发者更好地掌握AngularJS的精髓。
摘要由CSDN通过智能技术生成

angular之中，$state，$watch，$scope，$rootScope分别是什么？

1.背景介绍

在平时的编码中，我们总会想着有什么方法能够简化我们的工作流程，让我们只专心于业务逻辑和数据的处理，而angularjs

就为我们程序员实现了这一点。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。下面，我们将要讨论的就是angularJS里面的 s c o p e scope scoperootScope w a t c h 和 watch和 watch和state

2.知识剖析

作用域

我们可以把angularJs里面的作用域看做为一个容器，在控制器中我们可以访问这个容器我们可以往这个容器中放入一些模型数据，在视图中我们可以通过表达式将数据展示给用户。作用域是应用在HTML(视图)和JavaScript(控制器)之间的纽带，他是一个对象，有可用的方法和属性，可应用在视图和控制器上。

r o o t S c o p e 与 rootScope与 rootScope与scope

【1】当angularJS遇到ng-app指令的时候就会自动生成一个名为 r o o t S c o p e 的 作 用 域 ， 该 作 用 域 就 是 就 是 a n g u l a r J S 的 根 作 用 域 。 rootScope的作用域，该作用域就是就是angularJS的根作用域。 rootScope的作用域，该作用域就是就是angularJS的根作用域。rootScope就相当于一个全局作用域，所以我们保存在其中的东西是全局性的，在任一controller之中都能够使用

【2】当angularJS遇到controller或者一些自定义指令的时候也会自动的生成一个名为$scope的作用域scope是html和单个controller之间的桥梁，数据绑定就靠他了。

【3】 s c o p e 都 是 scope都是 scope都是rootScope的子作用域。

$watch

相信使用过angularjs的同学都知道，ng中有个比较重要的特点，叫做双向绑定，那么这个双向绑定是如何实现的呢？当我们在对绑定的name属性进行修改的时候，angular内部的 d i g e s t 循 环 级 会 执 行 一 次 ， 他 执 行 的 内 容 是 检 查 我 们 的 digest循环级会执行一次，他执行的内容是检查我们的

最低0.47元/天 解锁文章
从零开始学前端
关注
专栏目录
angular之中，$state $watch $scope $rootScope 分别是什么？
learning_web的博客
06-27 427
这里是修真院前端小课堂，每篇分享文从 八个方面深度解析前端知识/技能，本篇分享的是： 【angular之中，$state $watch $scope $rootScope 分别是什么？ 】 1.背景介绍 AngularJs是一个用于设计动态web应用的结构框架,使得开发现代的单一页面应用程序变得更加容易。而且能够简化我们的工作流程， 让我们只专心于业务逻辑和数据的处理。$scope $root...
关于AngularJS学习整理---浅谈$scope(作用域) 新手必备！
weixin_33916256的博客
02-16 801
　　作为初次接触 AngularJS的新手，想要深层理解里面的内容短时间还是不可能的，所以标题写了浅谈字样，以下内容是参考各位大神以及相关书籍整理加个人理解，出现错误的地方请大家指正。 　　$scope(作用域)，为AngularJS中MVC的核心，整理起来很麻烦， 看着大神们发的一些文章对于$scope的理解，有些方面还是看不懂，作为新手，应该站在新手的位置上去思考，所以这篇文章的目的，...
angularjs中的$scope和$rootScope
王凯凯凯凯的前端之路
03-26 988
（1）每个控制器的实例都对应一个作用范围对象，即$scope （2）在控制器中声明的Model数据，必须保存在一个作用范围内 （3）一个HTML中可以声明多个控制器实例，每个控制器都有自己的作用范围，这些范围内的数据彼此隔离不会互相影响，可以由不同的开发人员来编写 （4）为了在多个控制器间共享数据，可以将Model数据保存在一个全局作用范围内----$rootScope，整个AngularA
$scope, $rootScope区别
sixteen_cicle的博客
04-27 529
scope是html和单个controller之间的桥梁，数据绑定就靠他了 rootscope是各个controller中scope的桥梁 某个controller.js: var phonecatApp = angular.module('phonecatApp',[]); phonecatApp.controller('TestCtrl',['$scope','$ro
$scope $rootScope $watch 和 $state
learning_web的博客
08-12 523
这里是修真院前端小课堂，每篇分享文从 八个方面深度解析前端知识/技能，本篇分享的是： 【$scope $rootScope $watch 和 $state】 1.背景介绍 在平时的编码中，我们总会想着有什么方法能够简化我们的工作流程，让我们只专心于业务逻辑和数据的处理，而angularjs就为我们程序员实现了这一点。$scope $rootScope $watch 和 $state就是里面的几个方...
AngularJS监听路由的变化示例代码
10-21
这些事件分别代表路由变化的不同阶段，它们是AngularJS $state服务提供的用于监视状态变化的事件。 $stateChangeStart事件在路由即将开始改变时触发，这时你可以获取到即将进入的状态对象和参数。如果需要在路由...
Angular之$watch方法监视作用域
Efficiency9的博客
07-25 837
在使用angular时，常常对作用域中的属性进行监视，当其发生改变时，作出相应处理，angular为我们提供了watch方法watch方法 watch是对类型的属性进行监视，熟悉js就会知道，js语言中有七种数据类型 number string null undefined boolean object symbol (ES6加入） 以上其中数据类型中，又有基本类型和引用类型的区别（此处不做
$scope $rootScope $watch 和 $state是什么？
menggx1的博客
07-05 438
1.背景介绍在平时的编码中，我们总会想着有什么方法能够简化我们的工作流程，让我们只专心于业务逻辑和数据的处理，而angularjs就为我们程序员实现了这一点。$scope $rootScope $watch 和 $state就是里面的几个方法，今天着重跟大家讨论一下这几个方法2.知识剖析$scope$scope在angularjs中，你可以把它理解成作用域，每个不同的controller，都具有它...
2、$scope和$rootScope的作用域
Learning
06-12 4466
1、关于$scope的作用域,类似于局部作用域     1.1 代码 $scope的作用域 function Aaa($scope) { $scope.name = 'zhang'; $scope.age = 10; } {{name}} {{age}}     1.2
State的学习与使用
qq_36924683的博客
08-10 2429
对于@State修饰的属性的访问，只能发生在body或者body所调用的方法中。你不能在外部改变@State的值，只能@State初始化时，设置初始化值，它的所有相关操作和状态改变都应该是和当前 View 生命周期保持一致。 在引用包装为@State的属性是，如果是读写都有，引用属性需要$开头,如果只读直接使用变量名即可 State针对具体View的内部变量进行管理，不应该从外部被允许访问，所以应该标记为private import SwiftUI struct User { va..
$state.go
cmcesummer的博客
04-09 572
$state.go($state.current,{},{reload:true});  $state.go(你想过去的页面,{id:vm.id},是否刷新 刷新就加上reload) $state.go($state.current,{pageNo:1,replyStatus:''},{reload:true})  花括号中是参数
$state.go的使用
usx16109的博客
08-31 1353
使用$state.go();实现页面跳转，当传递参数时：$state.go('',{params:''})，通过配置子页路由实现保存传递参数，就是将参数存储在URL参数中： url:'/test/:id' || url:'test'/?id&any'; 使用&实现多参数传递 ...
$state, $stateParams 传递参数?
sixteen_cicle的博客
04-27 6186
$state方法： go()   reload() get() $state属性： current params $state事件 $stateChangeError $stateChangeStart $stateChangeSuccess $stateNotFound 1.app.js目标页面定义接受的参数angular.module('myapp',[
AngularJS中$state带参数跳转
raquelle的记忆宫殿
05-14 3807
$state.go 跳转时如果需要传递参数，要自己在定义的目标URL下面加上参数定义，不然$state.go在传输之后在目标controller接受的时候会被filter过滤掉 $stateProvider.state("route", { url : "/aa", views : { 'mainContent' : { templateUrl : "aa/ss/html/aa.ht
$scope $watch $state 是什么?
刘泽华的博客
06-26 805
1、AngularJS Scope(作用域) Scope(作用域)是应用在 HTML (视图)和 JavaScript (控制器)之间的纽带。Scope是一个对象，有可用的方法和属性。Scope可应用在视图和控制器上。$scope的使用贯穿整个 Angular App应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope就在视图和控制器之间建立了一个通道,基于作用域视图在修改数...
angularjs中state的参数4_angular之中，$state $watch $scope $rootScope 分别是什么？
weixin_34652835的博客
01-26 378
大家好，我是IT修真院郑州分院第6期的学员王栋，一枚正直、纯洁、善良的前端程序员今天给大家分享一下，修真院官网js任务六深度思考中的知识点——angular之中，$state $watch $scope $rootScope 分别是什么？1.背景介绍在平时的编码中，我们总会想着有什么方法能够简化我们的工作流程，让我们只专心于业务逻辑和数据的处理，而angularjs就为我们程序员实现了这一点。$...
AngularJS 深入理解 $scope
weixin_30344995的博客
04-27 325
$scope的使用贯穿整个AngularJS App应用,它与数据模型相关联,同时也是表达式执行的上下文.有了$scope就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新$scope,同样的$scope发生改变时也会立刻重新渲染视图. 有了$scope这样一个桥梁,应用的业务代码可以都在controller中,而数据都存放在controller...
Vuex深入理解：store与$store的区别解析
作者指出，`$store`是挂载在Vue实例（即`Vue.prototype`）上的，因此在任何组件内部，可以通过`this`关键字访问到它，如`this.$store.state.userName`。另一方面，`store`通常是全局引入的Vuex store对象，它是挂载...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值