angular scope

今天看了一天angular, 渐渐有点起色了。

github wiki的文档没想到如此清楚 讲的是scope如何用

https://github.com/angular/angular.js/wiki/Understanding-Scopes

基本上scope跟DOM一样有inheritance. childscope能访问parentscope. 

当我们用ng-model实现双向绑定的时候，会有特别情况，即不能更改model里面的scope

简单来说，当你使用ng-include , ng-repeat, ng-view,ng-swith等操作时候，会生成一个childscope(比如在每个iteration里毫不知情地), 这时候view->model会创建在已经生成的childscope里面导致不能实现双向绑定。

解决方式有三种，

1.always use ‘.‘ in the model

2. use $.parent in the 'ng-model'

3. define a function in the $parent.scope ：

// in the parent scope
$scope.setMyPrimitive = function(value) {$scope.myPrimitive = value;
}

 and 
scope: { interpolatedProp: '@interpolated', twowayBindingProp: '=twowayBinding' } 

在不考虑isolated scope的情况下，

scope: { interpolatedProp: '@parentProp1', twowayBindingProp: '=parentProp2' } 

parentProp1改变导致interpolatedProp改变，反之不成立。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！