$rootScrope以及和$scope的区别？及表达式 {{yourModel}}的工作原理

通俗的说$rootScrope 页面所有$scope的父亲。

1.Angular解析ng-app然后在内存中创建$rootScope。

2.angular回继续解析，找到{{}}表达式，并解析成变量。

3.接着会解析带有ng-controller的div然后指向到某个controller函数。这个时候在这个controller函数变成一个$scope对象实例。

 

表达式 {{yourModel}}是如何工作的？

它依赖于 $interpolation服务，在初始化页面html后，它会找到这些表达式，并且进行标记，于是每遇见一个{{}}，则会设置一个$watch。而$interpolation会返回一个带有上下文参数的函数，最后该函数执行，则算是表达式$parse到那个作用域上。

---

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！