这里是修真院前端小课堂,每篇分享文从
八个方面深度解析前端知识/技能,本篇分享的是:
【$scope $rootScope $watch 和 $state】
1.背景介绍
在平时的编码中,我们总会想着有什么方法能够简化我们的工作流程,让我们只专心于业务逻辑和数据的处理,而angularjs就为我们程序员实现了这一点。$scope $rootScope $watch 和 $state就是里面的几个方法,今天着重跟大家讨论一下这几个方法
2.知识剖析
$scope
$scope在angularjs中,你可以把它理解成作用域,每个不同的controller,都具有它不同的作用域,所以controller不同,他们的scope是不同的,那么,如果我们想象js那样,做一个全局变量该怎么办呢?这就要说到rootScope了。
$rootScope
$rootScope是由angularJS加载模块的时候自动创建的,每个模块只会有1个rootScope;
$rootScope就相当于一个全局作用域,所以我们保存在其中的东西是全局性的,在任一controller之中都能够使用scope是html和单个controller之间的桥梁,数据绑定就靠他了。rootscope是各个controller中scope的桥梁。用rootscope定义的值,可以在各个controller中使用。
w a t c h 相 信 使 用 过 a n g u l a r j s 的 同 学 都 知 道 , n g 中 有 个 比 较 重 要 的 特 点 , 叫 做 双 向 绑 定 , 那 么 这 个 双 向 绑 定 是 如 何 实 现 的 呢 ? 当 我 们 在 创 建 出 s c o p e 下 的 一