Angular 扩展了ngIf 指令， 加入了两个新伙伴 else 和 then。
通常情况下，当我们使用结构指令时，我们需要添加额外的标签来封装内容，如使用 *ngIf 指令：
在 Angular 中，我们可以使用 HostBinding 装饰器，实现元素的属性绑定。
Render Props最近在React社区中引起了轰动，但是与之类似的模式在Angular中似乎并没有得到太多关注。我在之前写的文章提及过，TemplateRefs就是Angular中的Render Props，同时我会在这篇文章中列举一个简单易用的例子。
上面代码中，我们定义了一个简单的 AlertComponent 组件，该组件有一个输入属性 type ，用于让用户自定义提示的类型，此外还包含了一个输出属性 output，用于向外部组件输出信息。我们的自定义组件最终是一个实际的 DOM 元素，因此如果我们需要在页面中插入该元素，我们就需要考虑在哪里放置该元素。
这一篇我们带来的是关于组件基础使用的最后一块,内容投影和Vue中的插槽很类似,在组件封装的时候非常有用,我们一起来体验一下。
再打一次辟谣：NG2->NG4不是重构，只是常规升级【统一版本而已，目前路由是3.x】， NG团队说以后不再以版本号为核心，统称angular，下半年NG5要出来了。。。
为了能够支持跨平台，Angular 通过抽象层封装了不同平台的差异，统一了 API 接口。如定义了抽象类 Renderer2 、抽象类 RootRenderer 等。此外还定义了以下引用类型：ElementRef、TemplateRef、ViewRef 、ComponentRef 和 ViewContainerRef 等。
如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content>，并找到了一些关于它的文章，进而实现了所需的功能。
不过这里因为js目录是当前的目录，你的html目录肯定在另外一个文件夹里，所以自己记得路径的问题
在 Angular 中，有两种类型的指令。属性指令修改 DOM 元素的外观或者行为。结构指令添加或者移除 DOM 元素。
今天看到文章：https://segmentfault.com/a/1190000015944548 。专门研究一下ngTemplateOutlet用法！！！！
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
