位置: 编程技术 - 正文

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

  • 小规模纳税人不开票需要纳税吗
  • 六税两费指的是什么
  • 小规模未开票收入填在哪里
  • 增值税专票丢了能补开吗
  • 小微企业季度申报增值税流程
  • 优惠券抵扣账务处理流程
  • 溢价发行可转换公司债券会计分录例题
  • 企业缴纳社保费一个月多少钱
  • 分期付款方式购物划算吗
  • 小企业税金及附加会计分录
  • 增值税计提金额
  • 附加税记入什么科目
  • 财务报表依据的会计记录
  • 差额发票开具的步骤
  • 非同一控制下企业合并的交易费用
  • 实际利率法怎么理解
  • 企业确定无法支付的
  • 企业购买的土地计入无形资产
  • 小规模自开专票税率是1%还是3%
  • 滴滴开的发票能否抵扣进项税
  • 筹建期间所得税
  • 利润的计算公式excel
  • 往年多交的税能退吗
  • 生产车间发生的间接费用会计科目
  • 装饰装修工程月薪多少
  • 想要探究的问题
  • 金税盘的服务费
  • 盘盈的存货处理
  • 股权激励的账务如何处理
  • vue路由使用方法
  • nerf 入门
  • NovelAi + Webui + Stable-diffusion本地配置
  • php编写登陆界面
  • 待摊费用的明细
  • 无实物的固定资产有哪些
  • 合作公司投资方式
  • 公司车辆保险费要交印花税吗
  • sql2005安装方法
  • mysql错误代码1067
  • mysql中的语法
  • 增值税专用发票和普通发票的区别
  • 预算收入的退付范围
  • 累计扣除包括哪些
  • 增值税一般纳税人登记管理办法
  • 电梯折旧率多少
  • 长期股权投资的账务处理
  • 固定资产转换为投资性房地产转换日
  • 公司分期付款购车如何做账
  • 工程检测费的会计分录
  • 红字冲销表示负数吗
  • 企业研发支出的核算内容
  • 专票的发票金额是价税总额吗
  • 收到劳务费
  • 我是海关企业员工英语
  • 费用多计提了怎么办
  • 企业购入树木花草如何入账
  • 不含税价格怎么算公式(1+3%)
  • 销售费用包括哪些内容?其明细科目有哪些?
  • 无法启动diagnostic policy service服务
  • Win2008 Server Core如何操作?5个步骤学会Win2008 Server Core操作
  • 桌面快捷方式不显示图标怎么办
  • linux7.2 sudo权限配置
  • linux安全性从何而来
  • win8操作中心怎么关闭
  • linux查看开机运行时间
  • windows蓝牙被禁用
  • 获取本机ip地址命令
  • Android之Android apk动态加载机制的研究(二):资源加载和activity生命周期管理
  • 网页设计需要多少分辨率
  • 开源安卓app
  • jquery常用选择器种类
  • python跑出异常
  • 海南税务局增值税按次缴纳
  • 西安市经开区管委会官网
  • 湖北省纳税大户
  • 锐志2.5新车报价
  • 个人经营所得申报时间
  • 江苏电子票据
  • 济南房产税如何计算公式
  • 怎么查询地税信息表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设