为了更清晰，更快速的了解 Angular 环境配置的架构，请看此图：

下面具体内容也会按照图上所示来介绍。

背景

有这样一个需求：

有两种方式：视图动态渲染和组件动态创建（笔者拟自己拟的概念）， 区别是前者的重心是使用 NgComponentOutlet 指令在视图模板中，后者的重心是使用 createComponent API 在组件内创建的 。

原文在我的知乎：Angular hostDirective 详解

前言

最近有一个需求是动态创建组件，然后给其组件添加指令，当时可难坏了，因为 createComponent API 不支持绑定指令，所以我当时猜想是否可以在 @Component 注入或 @HostBindingDirective 绑定实现呢？找了很久，最终发现官方支持了这种，选择的是前者，Feature Issue 如下：