位置: 编程技术 - 正文

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

  • 车船税税金及附加计入管理费用嘛
  • 个人所得税应纳税所得额减半征收
  • 青年企业家协会入会要求
  • 简易征收开出去的票可以抵扣吗
  • 停工损耗会计分录怎么写
  • 购买的职业险计入哪个科目
  • 计提与不计提短贷的区别
  • 专用设备抵免企业所得税目录
  • 银行利息收入确认时间会计与税法的差异
  • 没有真实业务的票据贴现
  • 企业所得税一般纳税人是怎么缴纳的
  • 营改增后还有营业费用吗
  • 会务费抵扣限额
  • 城市维护建设税属于什么税种
  • 销售已作进项税转出的固定资产怎样缴税?
  • 领款凭证可以当收据吗
  • 跨期做账如何处理当事人
  • 报销业务招待费属于什么现金流量项目
  • 汇算清缴报告和审计报告一样吗
  • 房地产企业资金监管账户
  • 出租车收税吗
  • win10 5月更新已知bug
  • 专项基金是什么
  • php输出mysql查询结果
  • falogincn修改无线密码
  • 增值税税控系统折旧
  • win10平板模式怎么打开
  • 收汇金额和出口金额差额大怎么办
  • 购房名义提取公积金
  • 航空业燃油附加率是多少
  • echarts bi
  • 使用灭火器人要站在上风口还是下风口
  • javascript学什么内容
  • js生成随机数字和字母组合
  • 微信随机红包表情包怎么弄
  • dpkg --list
  • 生产过程半成品报废
  • 增值税在纳税申报表中怎么得出
  • 个税申报漏报人怎么办
  • 新公司不开户需要交税吗
  • mysql常见报错
  • 图文详解管道支架制作安装标准
  • 农民工工资专户管理暂行办法
  • 混合销售行为的例子
  • 长期待摊费用借方负数什么意思
  • 出售无形资产科目
  • 捐赠支出税前扣除比例
  • 公司给材料商付款表格
  • 弃置费用预计负债的会计处理
  • 研发产品相关专业
  • 冲减成本费用
  • 土地收储款是谁给谁
  • 农民工工资从专户里发放工资需要甲方盖章吗
  • 公司抽奖的成本怎么算
  • 发生额大额标准怎么确定
  • 公司现金支票取钱需要带什么资料
  • 公司账本需要保留几年
  • 固定成本包括哪些项目
  • 营业成本包括哪些会计科目
  • XP系统如何设置U盘启动
  • ghost还原文件
  • wysafe.exe是什么
  • linux快捷命令
  • win7系统的一键还原怎么关闭
  • isignup.exe是什么进程 isignup进程查询
  • WIN7系统如何关掉游戏屏保
  • win10无法升级系统
  • ES6 javascript中class静态方法、属性与实例属性用法示例
  • pm2使用手册
  • shell脚本对比两个文件夹内的内容
  • 怎么配置nodejs的环境
  • eventbus threadmode
  • javascript如何定义函数
  • jquer选择器
  • jsp中img标签
  • 国家税务总局党建工作局
  • 深圳市税务局网上办税大厅官网
  • 整备质量吨位数是什么意思
  • 分支机构如何变更为独立纳税人?
  • 从事货物批发或零售的纳税人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设