AngularJs(Part 1)
I am tired to translate these into Chinese.
but who cares? i write these posts just for myself
Scope
a new scope is created by the ng-controller directive using
the Scope.$new() method call.
yes , we need to have at least one instance of a scope before
creating a new scope!
so here is the $rootScope. it is the paremt of all the other
scopes. the $rootScope instance gets created when a new
application is bootstrapped.
each scope contains a property $parent which points to its parent scope.
ng-controller is a scope-created directive.
there are many other scope-created directives.
Scopes form a parent-child ,tree-like relationship rooted at
the $rootScope instance. and scopes' creation is driven by the DOM tree.
check the famous ng-repeat.
let's say a HTML snippet<li ng-repeat='per in persons'>{{per.name}}</li>
when interating persons, a new variable needs to be created to hold each per.
it seems the Google does not use the strategy that just simplely override previous value.
instead , it creats a new scope for each per and expose the scope to maybe the parent scope $scope.
in this way, it's possible to create variable with the same name on different scopes without createing name collisions.
in above snippet, every <li> element gets its own scope when the per variable can be defined.
as i say above ,each $scope except the $rootScope contains a property $parent which pointing to parent scope,
so all properties defined in parent scope is actually available to child scope.
Scope's inheritance in AngularJs follws the same rules as prototypical inheritance in JavaScript.(when we try to read
as property, the inheritance tree will be traversed upwards till a property is found.)
Scopes are responsible to creat variables.
they are to provide isolated namespaces and avoid name collisions.
they can be destroyed and the garbage collection will deallocate the resource.
最新文章
- HTML CSS中比较重要的
- Winpcap安装,Cannot open include file &#39;pcap.h&#39;
- php的if语句单行与多行
- 【BZOJ】3093: [Fdu校赛2012] A Famous Game
- 谈谈UIView的几个layout方法
- hdu3394--Railway(点的双连通分量)
- MVC知识总结(前序)
- 【 java版坦克大战--事件处理】 键盘控制小球上下左右移动
- #翻译# 深入JavaScript的Unicode难题(上)
- Java基础知识强化65:基本类型包装类之Integer的构造方法
- 疯狂delphi - 朱建强 (一些小例子很实用,也是我所关心的几个问题)
- nginx-tomcat-memcached架构文档说明(转)
- OpenCV 之 Mat 类
- jmeter系列-------脚本编写格式
- .NET面试常考算法
- js 颜色16进制转RGB方法
- Python基础——2函数
- 洛谷P3388 【模板】割点(割顶)
- Python基础语法总结
- System.IO.FileSystemWatcher