angular2杂学

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

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

推荐文章:

https://segmentfault.com/a/1190000009530554 (NgTemplateOutlet)

https://segmentfault.com/a/1190000009307714 (结构型指令)

https://segmentfault.com/a/1190000008672478(templateref)

$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