文档章节

angular指令的@ = &

北鼻
 北鼻
发布于 2016/06/20 11:57
字数 300
阅读 20
收藏 0

    众所周知angular指令的优势在与它的重用,和它的灵活性.小弟接触angular不久 指令只写两个,所以对指令的一些东西很是陌生.今天我遇到了一个问题,那就是怎么向指令里的模板传值.我翻箱倒柜的找资料.不看不知道一看吓一跳.这次就说说它们的用法(@ = &).

让controller里的scope值传的指令里.比如controller里有个&scope.name 在指令里加一个参数项(好吧我承认我自己起的名字)和link呀template同级.

scope:{

        name:@或者 = 或者&

    }

@表示   template的{{name}}等于&scope. name

= 表示   tempplate{{name}}和controller里&scope.name双向绑定

&表示     指令调用controller里的name方法.

补充:在使用@ = & 需要在指令调用的地方 申明 如

<div a="b"></div>

controller里给 a 绑定了一个值 如要想要只 directive里使用 那么directive 里申明独立作用域scope { a="@" }  调用的时候直接scope.a就是b的值. "= ,&"同理.

&调用带有参数的函数时 如 <div a="b({t:c})"   ng-model="c"></div> 

意思就是把C的值赋给T 带到b方法里

© 著作权归作者所有

共有 人打赏支持
北鼻
粉丝 0
博文 21
码字总数 6780
作品 0
通州
程序员
AngularJS 中文资料+工具+库+Demo 大搜集

中文学习资料: 中文资料且成系统的就这么多,优酷上有个中文视频。 http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html 翻译的官方的Guide http://www.ituring.com.cn/miniboo...

liaolzy2
2015/05/31
0
0
第214天:Angular 基础概念

一、Angular 简介 1、 什么是 AngularJS - 一款非常优秀的前端高级 JS 框架 - 最早由 Misko Hevery 等人创建 - 2009 年被 Google 公式收购,用于其多款产品 - 目前有一个全职的开发团队继续开...

半指温柔乐
04/04
0
0
【前端】—聊聊我认识的Angular

前言 最近接触的项目前端用到了Angular框架,之前略有耳闻,从vue换到Angular,感觉东西差不多,还是要系统学习的,先来了解下。 正文 1、Angular 的发展 AngularJS 是一款来自Google的前端J...

zt15732625878
05/19
0
0
ngular2 VS Angular4 深度对比:特性、性能

在Web应用开发领域,Angular被认为是最好的开源JavaScript框架之一。 Google的Angular团队已于3月23日发布了Angular4,而期待已久的Angular2版本则是之前版本的完全重构。 对于成熟的开发人员...

机器的心脏
06/02
0
0
Angular.js 相关记录

AngularJS作用域文档:http://docs.angularjs.org/api/ng.$rootScope.Scope ng-view 指令的角色是为当前路由把对应的视图模板载入到布局模板中。 AngularJS内置过滤器:http://code.angular...

彭博
2014/04/25
0
2

没有更多内容

加载失败,请刷新页面

加载更多

CentOS7防火墙firewalld操作

firewalld Linux上新用的防火墙软件,跟iptables差不多的工具。 firewall-cmd 是 firewalld 的字符界面管理工具,firewalld是CentOS7的一大特性,最大的好处有两个:支持动态更新,不用重启服...

dingdayu
58分钟前
1
0
关于组件化的最初步

一个工程可能会有多个版本,有国际版、国内版、还有针对各种不同的渠道化的打包版本、这个属于我们日常经常见到的打包差异化版本需求。 而对于工程的开发,比如以前的公司,分成了有三大块业...

DannyCoder
今天
2
0
Spring的Resttemplate发送带header的post请求

private HttpHeaders getJsonHeader() { HttpHeaders headers = new HttpHeaders(); MediaType type = MediaType.parseMediaType("application/json; charset=UTF-8"); ......

qiang123
昨天
3
0
Spring Cloud Gateway 之 Only one connection receive subscriber allowed

都说Spring Cloud Gateway好,我也来试试,可是配置了总是报下面这个错误: java.lang.IllegalStateException: Only one connection receive subscriber allowed. 困扰了我几天的问题,原来...

ThinkGem
昨天
26
0
学习设计模式——观察者模式

1. 认识观察者模式 1. 定义:定义对象之间一种一对多的依赖关系,当一个对象状态发生变化时,依赖该对象的其他对象都会得到通知并进行相应的变化。 2. 组织结构: Subject:目标对象类,会被...

江左煤郎
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部