angular2杂学

推荐一个博客：http://www.semlinker.com/categories/angular/

目录篇：https://segmentfault.com/a/1190000008754631#articleHeader10

$event

在input的这些原生元素中，可以用#input代替$event。而在主从组件中事件的交互中，主组件模板中的$event必须要使用，才能把值传递出去。

指令

三种指令：组件（带模板的指令），结构型指令（会改变dom树结构，如ngfor和ngif），属性型指令（改变一些样式或内容）

组件是@Component，结构型和属性是@Directive

ElementRef

对视图中某个原生元素的包装器

ng-template和ng-container

ng-template是Angular 结构型指令中的一种，用于定义模板渲染HTML(模板加载)。定义的模板不会直接显示出来(就是只写ng-template没有其他控制，页面不会显示任何东西)，需要通过其他结构型指令（如 ng-if）或 viewcontainer将模块内容渲染到页面中

ng-container既不是一个Component，也不是一个Directive，只是单纯的一个特殊tag。ng-container可以直接包裹任何元素，包括文本，但本身不会生成元素标签，也不会影响页面样式和布局。包裹的内容，如果不通过其他指令控制，会直接渲染到页面中。可以把ng-container简单理解为一个逻辑容器。用来做一些逻辑处理的。因为ngif和ngfor（一个元素只能使用一个结构型指令）无法在一个元素中使用，那么可以使用ng-container来解决问题。

NgTemplateOutlet

展示一个ng-template的内容

转载于:https://www.cnblogs.com/hahlzj/p/11232626.html

angular2杂学相关推荐

如果你不知道做什么，那就学一门杂学吧
序言这篇文章没有代码,请放心阅读. 多年以后,面对人工智能研究员那混乱不堪的代码,我会想起第一次和S君相见的那个遥远的下午.那时的B公司,还是一个仅有6个人的小团队,Mac和显示器在桌上依次排开,大 ...
如果你不知道学什么，就学一门杂学吧
序言这篇文章没有代码,请放心阅读. 多年以后,面对人工智能研究员那混乱不堪的代码,我会想起第一次和S君相见的那个遥远的下午.那时的B公司,还是一个仅有6个人的小团队,Mac和显示器在桌上依次排开,大 ...
大学python作业_python(易知大学作业) - 随笔分类 - DGX杂学 - 博客园
摘要:1.问题:请用requests库的get()函数访问如下一个网站2次,打印返回状态,text()内容,计算text()属性和content属性所返回网页内容的长度.(百度主页) import r ...
杂学Linux-IO篇
本文来介绍一下Linux系统IO相关知识,内容为自己所学所感,或许不是那么的准确,仅供参考,希望对初学者有一定的帮助,对于下面文章中提到的pageCache请参考我的另一篇文章杂学Linux-基础篇 ...
杂学第十篇：这几天，在毕业论文调整格式中踩过的坑，满满的干货助你快速解决格式调整的烦恼
以下内容,来自我的公众号. 你是来看论文格式,还是来看我奄奄一息的爱情?? 这几天,为了我的论文,殚精竭虑.历经生死.悲欢离合.甚至错了一个重要的节日,真是赔了夫人还好没折兵.看来我要多哄哄我家那美若 ...
c++和c语言的区别_C与C++傻傻分不清楚，有啥区别，咋用，杂学？
C与C++的区别 C++是C发展来的!!! C++是面向对象的语言,而C是结构化的语言! C的所有代码在C++上都能应用,而C++的代码在C上不能应用!!! C++是功能更强大的C!!! C语言与VC ...
python杂学之用turtle画熊二（附代码）
先放一张想要画的图再一张过程图到这里好像还可以,还是蛮可爱接着,加上了眼睛高光,有点可怜兮兮的味道了加上嘴巴以后 ....... "你看我开心吗" import turt ...
杂学第八篇：最近成功实现用applescript检测手机号码是否注册imessage，有需要的带价联系
先放上一张gif,是我在处理时候的图片不需要连续打开新信息,只需要输入框内check即可,check完后,可清除继续下一个check. 有意者联系
杂学——硬件：MIPI，压/速/频信号、并行转串行，SDI，PPM，单片机及开发板，交流直流，电容电阻，总线，RS485
MIPI(移动产业处理器接口): MIPI DSI协议介绍摄像头的MIPI接口.DVP接口和CSI接口(百度知道) MIPI接口资料汇总(精) 串行接口.并行接口.低压差分信号.差分布线: Alti ...