大家好,我是IT修真院北京分院第22期学员,一枚正直纯洁善良的web程序员。今天给大家分享一下,修真院官网js任务7,angular之中,$state $watch $scope $rootscope 分别是什么?
1.背景介绍
在平时的编码中,我们总会想着有什么方法能够简化我们的工作流程,让我们只专心于业务逻辑和数据的处理,而angularjs
就为我们程序员实现了这一点。$scope $rootScope $watch和$state就是里面的几个方法,今天着重跟大家讨论一下这
几个方法
2.知识剖析
$scope
$scope在angularjs中,你可以把它理解成作用域,每个不同的controller,都具有它不同的作用域,所以
controller不同,他们的scope是不同的,那么,如果我们想象js那样,做一个全局变量该怎么办呢?这就要说
到rootScope了。
$rootScope
$rootScope就相当于一个全局作用域,所以我们保存在其中的东西是全局性的,在任一controller之中都能够使用
scope是html和单个controller之间的桥梁,数据绑定就靠他了。rootscope是各个controller中scope的桥梁。
用rootscope定义的值,可以在各个controller中使用。
$watch
相信使用过angularjs的同学都知道,ng中有个比较重要的特点,叫做双向绑定,那么这个双向绑定是如何实现的呢?
当我们在创建出scope下的一个新属性的时候,ng就会主动为我们新属性加上$watch这个方法,这个方法会监听我们
的数据变化,当数据变化之后,就立即把view和scope上数据同步。
$watch(watchExpression, listener, objectEquality);
watchExpression,需要监控的表达式
listener,处理函数,函数参数如下
function(newValue,oldValue, scope)
objectEquality,是否深度监听,如果设置为true,它告诉Angular检查所监控的对象中每一个属性的变化.如果你希望监控数组的个别元素或者对象的属性而不是一个普通的值,那么你应该使用它
$state
在ajax技术发展普及之后,因为其不会留下历史记录方便浏览器访问和对于seo不友好的特点,一个新技术应运而生:
路由,$state就是路由中的一项服务。
路由的具体用法
3.常见问题
Angular这个框架要怎么去学习
4.解决方案
如果你写惯了jQuery手工操作DOM的代码, 刚开始的时候会对angular的代码风格非常不适应。
angular对于js基础不够好的新手确实比较困难,尽量多想一想directive,provider,filter是什么,想通了就知道angular是什么,该怎么写了,在这之前建议花几天时间把js基础先看一遍
5.编码实战
6.扩展思考
什么是依赖注入
7.参考文献
参考一:深度理解scope
参考二:原始数据类型和对象类型的区别及深度拷贝解析
8.更多讨论
$scope与双向数据绑定的深层原理
angular之中$state$scope等分别是什么?_腾讯视频
鸣谢
感谢大家观看
BY :汤特/隋鑫
感谢大家观看
今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~
作者:隋鑫
链接:https://ptteng.github.io/WEB/ppt/JS-O7-angular之中,$state%20%20$watch%20$scope%20$rootScope%20分别是什么?.html