动态生成组件（Angular 7）以插入 DOM

Question

我需要动态生成 ngx-emoji 元素，以便将其插入到 dom 中。

我已经为插入生成了一个热点，我通过 ViewChild 引用它来获取它。但是，当我尝试通过 ViewChild 生成组件时，它指出它是未定义的。

我正在关注https://angular.io/guide/dynamic-component-loader 的模式

我已经为这个问题生成了一个stackblitz。

已编辑 好的，所以它正在创建元素，但在屏幕上看不到它。当您检查已创建的内容与已通过模板实例化的组件相比时，它们看起来非常不同。

Answer 1

好的，我已经解决了这个问题。我需要添加更改检测步骤：

(<EmojiComponent>comp.instance).ngOnChanges();

如果有人感兴趣，我会留下 stackblitz。