详解Angular.js指令中scope类型的几种特殊情况

前言

大家都知道在默认情况下,指令应该访问父作用域.如果我们对指令暴露了父控制器的scope,那么指令就可以自由的修改scope属性.在一些情况下,你的指令可能想要添加一些只有内部可以使用的属性和函数,如果我们都在父作用域中完成,可能会污染了父作用域,因此,我们有以下两种选择:

使用父作用域-如果不需要操作父作用域属性,不需要一个新的作用域,可以直接使用父作用域

scope:false

一个子作用域-这个作用域会原型继承父作用域

scope:true

一个隔离的作用域-一个全新的、不继承、独立存在的作用域

scope:{}

作用域可以由指令定义对象中的scope属性定义，下面是关于scope属性的一些说明：

指令中的scope常见的类型

=

1. '=',用于子作用域与父作用域双向绑定.使用这种方法可以将一个实际的作用域模型赋值给一个属性,而不是一个普通的字符串.效果是你可以传递复杂的数据模型,例如数组/对象等到隔离作用域.父作用域或者子作用域属性发生了改变,会相应影响对方.
2. '=?',这种情况可以避免父作用域属性中不存在当前属性情况,避免抛出异常.--'If the parent scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional.'
3. '=*',If you want to shallow watch for changes (i.e. $watchCollection instead of $watch) you can use `=*` or `=*attr` (`=*?` or `=*?attr` if the property is optional).
   

&

1. '&',用于执行父作用域中的函数.
   

@

1. '@',进行单项文本绑定.使用这种方法可以将字符串传递到属性,当父作用域属性发生变化时,隔离作用域模型也发生变化.然而,反之则不成立!你不能通过操纵隔离作用域来改变父作用域.

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# angular  # 指令  # scope  # angularjs  # angular指令中的scope  # Angular1.x自定义指令实例详解  # Angular之指令Directive用法详解  # Angular.js自定义指令学习笔记实例  # angular分页指令操作  # AngularJS内置指令  # AngularJS学习笔记之基本指令(init、repeat)  # AngularJS中的指令全面解析(必看)  # 用AngularJS的指令实现tabs切换效果  # 深入讲解AngularJS中的自定义指令的使用  # Angularjs编写KindEditor  # UEidtor  # jQuery指令  # 自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框  # Angular1.x复杂指令实例详解  # 不需要  # 绑定  # 情况下  # 这种方法  # 你可以  # 都在  # 大家都  # 两种  # 可以直接  # 这种情况  # 可以使用  # 这篇文章  # 谢谢大家  # 抛出  # 中不  # 一个普通  # 就可以  # 象中  # 而不是  # 不成立 

相关文章： 一键网站制作软件,义乌购一件代发流程？  b2c电商网站制作流程,b2c水平综合的电商平台？  如何基于PHP生成高效IDC网络公司建站源码？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何制作算命网站,怎么注册算命网站？  javascript基本数据类型及类型检测常用方法小结  浅谈Javascript中的Label语句  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何快速生成凡客建站的专业级图册？  如何在IIS管理器中快速创建并配置网站？  如何在阿里云虚拟主机上快速搭建个人网站？  如何通过FTP空间快速搭建安全高效网站？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  如何用5美元大硬盘VPS安全高效搭建个人网站？  网站微信制作软件,如何制作微信链接？  如何选择PHP开源工具快速搭建网站？  电商平台网站制作流程,电商网站如何制作？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  建站之星上传入口如何快速找到？  建站ABC备案流程中有哪些关键注意事项？  在线制作视频网站免费,都有哪些好的动漫网站？  如何在Ubuntu系统下快速搭建WordPress个人网站？  黑客如何通过漏洞一步步攻陷网站服务器？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  制作网站怎么制作,*游戏网站怎么搭建？  如何在自有机房高效搭建专业网站？  大型企业网站制作流程,做网站需要注册公司吗？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  如何选择高效可靠的多用户建站源码资源？  Android滚轮选择时间控件使用详解  建站之星如何快速更换网站模板？  如何高效搭建专业期货交易平台网站？  详解jQuery中基本的动画方法  如何通过云梦建站系统实现SEO快速优化？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  如何基于云服务器快速搭建个人网站？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  网站制作价目表怎么做,珍爱网婚介费用多少？  建站之星如何实现五合一智能建站与营销推广？  油猴 教程,油猴搜脚本为什么会网页无法显示？  如何在阿里云香港服务器快速搭建网站？  如何选择可靠的免备案建站服务器？  在线制作视频的网站有哪些,电脑如何制作视频短片？