位置: 编程技术 - 正文
AngularJS中scope的绑定策略实例分析(angular中的$scope)
编辑：rootadmin推荐整理分享AngularJS中scope的绑定策略实例分析(angular中的$scope)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:angularjs scope,angular script,angularjs4,angular.element().scope(),angular中的$scope,angular scope和$scope,angular中的$scope,angular中的$scope,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了AngularJS中scope的绑定策略。分享给大家供大家参考，具体如下：
当scope选项写为scope:{ }这种形式的时候，就已经为指令生成了隔离作用域，指令的模板就无法访问外部作用域了：
具有隔离作用域的指令最主要的使用场景是创建可复用的组件，组件可以在未知上下文中使用，并且可以避免污染所处的外部作用域或不经意地污染内部作用域。
现在，我们来看看绑定策略的三种形式： @、= 、&。
1. @
本地作用域属性：使用@符号将本地作用域同DOM属性的值进行绑定。指令内部作用域可以使用外部作用域的变量：
@ (or @attr)
把当前的属性作为字符串传递。你还可以绑定来自外层的scope的值，在属性值中插入{{ }}即可。什么意思呢？说的简单一点就是假设你在模板中有个双花括号表达式，然后我们把表达式里的内容和html中指令里特定名字的属性绑定起来：
2. =
与父scope中的属性进行双向绑定
@是针对字符串（准确来说是表达式expression）而用，但=是针对某个对象的引用；
data是一个对象数组，里面包含了两个对象，所以，我们分别把两个对象传递给了case这个属性，case属性就把这个对象的引用传递给了模板中我们写的{{ case.name }}中的case;而如果你在=后边加上了自己定义的名字，那只要把html里case属性换成那个名字就可以了。
3. &
传递来自父scope中的函数、稍后调用
它的含义是：对父级作用域进行绑定，并将其中的属性包装成一个函数，注意任何类型的属性都会被包装成一个函数，比如一个单纯的字符串，或是一个对象数组，或是一个函数方法。
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
Vue实战之vue登录验证的实现代码 最近一直在撸一个给大学生新生用的产品，在撸的时候有时候会发现自己力不从心，是不是我的能力下降，是不是我该放弃我的最热爱的事业了？这对
详解Vue用自定义指令完成一个下拉菜单（select组件） 这次分享的是关于Vue自定义指令的使用方法，学习完基础后我们再来实战完成一个下拉列表，废话不多说，直接上干货基本用法//全局注册Vue.directive('my-
Vue异步加载about组件 本文实例为大家分享了Vue异步加载about组件的具体代码，供大家参考，具体内容如下异步加载about组件about.jsVue.component('about',{template:'divABOUTPAGE/div'});html
标签: angular中的$scope
本文链接地址:https://www.jiuchutong.com/biancheng/375841.html 转载请保留说明！上一篇：AngularJS实现controller控制器间共享数据的方法示例(angular中的controller)
下一篇：Vue实战之vue登录验证的实现代码(用vue写登录页面)
