位置: 编程技术 - 正文

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中指令里特定名字的属性绑定起来:

AngularJS中scope的绑定策略实例分析(angular中的$scope)

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写登录页面)

  • 税费返还计入什么费用
  • 债权投资借贷方
  • 专项扣除三险一金为0
  • 小规模纳税人开票税率
  • 金税盘递减税款2022
  • 城市建设税和教育费附加计算公式
  • 所有增值税发票都有抵扣联吗
  • 进口转卖业务
  • 应收账款计提坏账比例
  • 分支机构可不可以不建账合并到总机构?
  • 施工企业仪器设备入什么会计科目核算?
  • 增值税免税收入进项税额转出
  • 小规模与一般纳税人哪个好
  • 营改增后印花税计税依据文件
  • 投资性房地产其他综合收益递延所得税
  • 企业业务招待费标准规定
  • 无形资产和长期待摊费用思维导图
  • 申请银行汇票手续费记账凭证
  • 国税增值税定额计算公式
  • wifan
  • 审核凭证要注意哪些问题
  • 装机电源怎么装
  • yii gridview
  • vue trim
  • 自查补缴增值税如何申报
  • php strlen 中文
  • 跨站脚本攻击是什么
  • 生产企业出口退税全部流程
  • 股权投资差额怎么算
  • 利息增值税及附加计算
  • pytorch example
  • 内资企业
  • php函数传值的引用是什么
  • yolov3实现
  • 毕业设计-基于组态软件的流量比值过程控制系统设计
  • php的foreach遍历原理
  • php添加数据到数据库失败error
  • 织梦cms怎么样
  • 商业承兑汇票贴现率
  • 公司向个人支付居间费用
  • 根据《中华人民共和国食品安全法》
  • 完全卸载mysql8.0
  • 委托加工应税消费品收回后直接销售
  • 电子钥匙报税
  • 更正会计差错的方法
  • 电子承兑没到期兑换手多少手续费
  • 增值税达不到税负怎么办
  • 门面转让费做账怎么做
  • 企业收到投资款怎么入账
  • 公司支付的培训费需要交税吗
  • 持有至到期投资是债权投资吗
  • 其他应收款可以挂公司吗
  • 金税盘抄报税这是怎么个流程
  • 利息收入是不是企业的收入
  • 属于费用类的会计科目有哪些
  • freebsd常用命令
  • ubuntu20设置wifi
  • linux系统文件在哪个目录
  • chcfg.exe是什么
  • win8无法安装其它软件
  • win8系统怎么设置桌面图标
  • 操作系统 保护
  • Win10系统里的Smartscreen筛选器的使用以及开启方法
  • Linux上PPTP VPN的一键安装以及设置开机启动的方法
  • Vsftpd+tcp_wrappers控制主机和用户访问
  • win10系统预览版
  • rsa加解密过程是什么
  • python字典常用操作以及字典的嵌套
  • Quick cocos2dx-Lua(V3.3R1)学习笔记(十三)-----继续触摸事件之多点触摸
  • js中匿名函数的作用
  • 安卓开源好处
  • jquery滚动到底部加载数据
  • unity优化技巧
  • 常见python函数
  • jquery如何解决跨域问题
  • jquery遍历li
  • 国家税务总局在哪
  • ca登陆
  • 土地税是怎么缴纳按什么缴纳
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设