全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

详解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复杂指令实例详解  # 不需要  # 绑定  # 情况下  # 这种方法  # 你可以  # 都在  # 大家都  # 两种  # 可以直接  # 这种情况  # 可以使用  # 这篇文章  # 谢谢大家  # 抛出  # 中不  # 一个普通  # 就可以  # 象中  # 而不是  # 不成立 


相关文章: 如何在Golang中使用encoding/gob序列化对象_存储和传输数据  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)  如何在云虚拟主机上快速搭建个人网站?  黑客如何利用漏洞与弱口令入侵网站服务器?  网站图片在线制作软件,怎么在图片上做链接?  宝盒自助建站智能生成技巧:SEO优化与关键词设置指南  高端云建站费用究竟需要多少预算?  如何在Tomcat中配置并部署网站项目?  重庆网站制作公司哪家好,重庆中考招生办官方网站?  建站主机数据库如何配置才能提升网站性能?  建站之星展会模板:智能建站与自助搭建高效解决方案  网站制作的步骤包括,正确网址格式怎么写?  官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?  Android滚轮选择时间控件使用详解  建站之星收费标准详解:套餐费用及年费价格表一览  行程制作网站有哪些,第三方机票电子行程单怎么开?  公司网站的制作公司,企业网站制作基本流程有哪些?  如何快速打造个性化非模板自助建站?  广东企业建站网站优化与SEO营销核心策略指南  香港服务器建站指南:免备案优势与SEO优化技巧全解析  安云自助建站系统如何快速提升SEO排名?  微信小程序制作网站有哪些,微信小程序需要做网站吗?  建站之星如何实现五合一智能建站与营销推广?  微信h5制作网站有哪些,免费微信H5页面制作工具?  英语简历制作免费网站推荐,如何将简历翻译成英文?  如何在万网主机上快速搭建网站?  宝塔面板如何快速创建新站点?  浅析上传头像示例及其注意事项  浅谈Javascript中的Label语句  深圳网站制作培训,深圳哪些招聘网站比较好?  建站主机助手选型指南:2025年热门推荐与高效部署技巧  网站制作网站,深圳做网站哪家比较好?  c# Task.ConfigureAwait(true) 在什么场景下是必须的  如何实现建站之星域名转发设置?  导航网站建站方案与优化指南:一站式高效搭建技巧解析  如何通过虚拟主机快速完成网站搭建?  内网网站制作软件,内网的网站如何发布到外网?  如何用PHP工具快速搭建高效网站?  建站之星多图banner生成与模板自定义指南  如何通过VPS搭建网站快速盈利?  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?  如何通过山东自助建站平台快速注册域名?  大连网站制作公司哪家好一点,大连买房网站哪个好?  免费网站制作appp,免费制作app哪个平台好?  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  营销式网站制作方案,销售哪个网站招聘效果最好?  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  如何将凡科建站内容保存为本地文件?  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。