AngularJS视图和$scope的世界
来源:互联网 发布:大数据技术入门 编辑:程序博客网 时间:2024/05/21 21:02
AngularJS启动并生成视图时,会将根ng-app元素同$rootScope进行绑定。$rootScope是所
有$scope对象的最上层
$rootScope是AngularJS中最接近全局作用域的对象。在$rootScope上附加太多业
务逻并不是好主意,这与污染JavaScript的全局作用域是一样的。
$scope对象就是一个普通的JavaScript对象,我们可以在其上随意修改或添加属性。
12
34567891011
13
14
$scope对象在AngularJS中充当数据模型,但与传统的数据模型不一样,$scope并不负责处理和操作数据,它只是视图和HTML之间的桥梁,它是视图和控制器之间的胶水。
$scope的所有属性,都可以自动被视图访问到。假设我们有如下的HTML:
<div ng-app="myApp"> <h1>Hello {{ name }}</h1>
</div>
我们希望{{ name }}变量是本地$scope的一个属性,效果如图4-1所示。
angular.module('myApp', []) .run(function($rootScope) {
$rootScope.name = "World"; });
图4-1简单的$rootScope绑定
2 0
- AngularJS视图和$scope的世界
- angularjs中的视图和scope
- AngularJS的#rootScope和$scope的作用
- AngularJS 的 Scope
- [angularjs]$scope的作用
- angularjs中的$scope和$rootScope
- 构建自己的AngularJS,第一部分:Scope和Digest
- 构建自己的AngularJS,第一部分:Scope和Digest
- 构建自己的AngularJS,第一部分:Scope和Digest
- Angularjs $scope 里面的$apply方法 和 $watch方法
- AngularJS中的$rootScope和$scope的结构与关系
- Angularjs $scope 里面的$apply 方法 和 $watch 方法
- AngularJS 世界------Angularjs指令的使用方式和自定义指令
- AngularJS自定义指令directive:父类scope和指令中scope之间的通信
- 深入理解 AngularJS 的 Scope
- 深入理解 AngularJS 的 Scope
- 深入理解 AngularJS 的 Scope
- 深入理解 AngularJS 的 Scope
- PowerDesigner(八)-面向对象模型(用例图,序列图,类图,生成Java源代码及Java源代码生成类图)面向对象模型 面向对象模型是利用UML(统一建模语言)的图形来描述系统结构的模型,
- AngularJS数据绑定的最佳实践
- 去哪儿 字符串替换
- 《LeetBook》leetcode题解(5):Longest Palindromic [M]——回文串判断
- 比较ArrayList、LinkedList、Vector
- AngularJS视图和$scope的世界
- 杭电1172
- 器普.net语法V1.0发布
- $scope 的生命周期
- Swift 338. Counting Bits
- (合并委托)京东研发笔试题
- 大学课程与个人项目感悟
- HTC V版M7解锁刷机笔记
- AngularJS控制器嵌套(作用域包含作用域)