angularjs如何更改子作用域的值
3 回答
守候你守候我
TA贡献1802条经验 获得超10个赞
AngularJS 作用域
基于 jQuery 的传统 WEB 应用中，为了监听用户的输入等行为，需要为每一个 DOM 元素设置一个监听方法，也即是监听 DOM 上发生的各类事件，然后由 jQuery 做出回应并展示在页面上。这种方法简便直观，但是一旦 WEB 应用变得庞大而且复杂，那么监听代码就显得非常的机械而且冗余，更可怕的是，如果对于 DOM 的事件监听没有做好管理，那么很容易出现浏览器资源的泄露。
针对以上所暴露的问题，AngularJS 用一系列指令来代替 jQuery 的事件绑定代码。为了能够组织好各类指令之间的协调工作而不出现数据混乱，AngularJS 在模型层上引申出作用域的概念，以配合控制器来实现对视图层的展现工作。
作用域（Scope）
AngularJS 中，作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传递事件。
在 HTML 代码中，一旦一个 ng-app 指令被定义，那么一个作用域就产生了，由 ng-app 所生成的作用域比较特殊，它是一个根作用域（$rootScope），它是其他所有$Scope 的最顶层。
清单 1. 生成根作用域
<html>
<head><script src="angular.min.js"></script></head>
<body data-ng-app="app">...</body>
</html>
蝴蝶刀刀
TA贡献1801条经验 获得超8个赞
scope: true时，产生一个子作用域(child scope)，子作用域继承父作用域，它的作用域只包括template里面的代码，这里你没有写；
scope: {}时，产生一个隔离的作用域，其实它也是一个子作用域，不过它并没有继承父作用域，它的作用域范围也只有template里面的代码；
也就是说scope: true和scope:{}的作用域都不包括ng-init
- 3 回答
- 0 关注
- 445 浏览
添加回答
举报
0/150
提交
取消