位置: 编程技术 - 正文

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%
  • 所得税调增调减项目有哪些
  • 进项税额转出怎么操作
  • 资本公积转实收资本要交税吗
  • 母子公司合并报表的条件
  • 交通运输企业车辆折旧能加速扣除
  • 编制初始计量有什么要求
  • 分公司可以参股其他公司吗
  • 法人可以自己申诉个税吗
  • 出售报废固定资产属于什么收入
  • 收取不合规发票怎么处理
  • 房地产开发贷款管理办法
  • 砂石加工行业交什么税
  • 二季度支出小于一季度什么意思
  • 有单位购买我公司开发的房产作为“投资性房地产”,该单位需要缴纳房产税吗?
  • 看看大家退休的单子
  • 采购比价流程图
  • 普通合伙企业分配利润
  • 简易计税视同销售如何处理?
  • 分期消费的实际收益
  • 土地收储的含义
  • 只有发票才能税前扣除吗
  • 事业单位年末预算会计货币资金在贷方有余额对吗
  • 普通股优先股后配股区别
  • 企业购入用于捐赠的物品
  • 成本核算怎么做账
  • 开始菜单无法打开怎么办
  • 如何养成良好的安全行为
  • 修改远程桌面端口脚本
  • 承包合同包含的内容
  • 子公司增发股票母公司为什么会产生利得
  • 商贸企业税收优惠政策
  • PHP:class_implements()的用法_spl函数
  • php require的用法
  • 领用配件计入什么科目
  • fs209e是什么意思
  • 在windows操作
  • 机关事业单位体检费用标准规定
  • 最常用的成本核算方法表
  • 赠送客户商品分录
  • 工装进福利费还是劳保费
  • php正则替换字符串
  • 若依框架用到的技术
  • 财政拨款结转的二级科目有哪些
  • 车辆过完户保险还能下浮吗
  • 非独立核算的分公司如何报税
  • 公司过年买的红包封壳怎么做账
  • mysql存储过程用什么调用
  • 零申报社保是否可以报销
  • 4s店除了卖车还有什么
  • 代收收款收据证明范本
  • 住宿补贴怎么算
  • 应交税费案例分析题
  • 事业单位以固定工资为准
  • 金税盘维护费抵税会计分录
  • 可以假设两种情形吗
  • 增值税零税率发票开了2年,没给对方
  • 财务报销单据粘贴视频
  • 投资损益科目
  • 关于购买安保器材的报告
  • 企业支付宝要交税吗?
  • 银行付款手续费发票如何入账
  • centos7软件
  • freebsd使用手册
  • kmservice.exe是什么
  • Mac系统中pr插件汉化
  • windows英文字体
  • window怎么开启自动更新
  • win10怎么升级到2020
  • 学javascript有前途吗
  • python的脚本
  • JavaScript中的变量名不区分大小写
  • AngularJS中controller控制器继承的使用方法
  • 详解JavaScript ES6中的Generator
  • [置顶]游戏名:chivalry2
  • 全面解析俄乌武器对比
  • javascript中window对象的子对象不包含
  • 变更主管税务机关需要注销吗
  • 辽宁省地方税务局公告2014年第10号
  • 山东居民养老金是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设