动态生成组件(Angular 7)以插入到DOM中

时间:2019-01-15 06:33:13

标签: angular

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

我为插入生成了一个热点,并通过ViewChild对其进行引用来对其进行选择。但是,当我尝试通过ViewChild生成组件时,它指出它是未定义的。

我正在遵循https://angular.io/guide/dynamic-component-loader上的模式

我已经为该问题生成了stackblitz

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

1 个答案:

答案 0 :(得分:1)

好的,我已经解决了。我需要添加更改检测步骤:

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

如果有人感兴趣的话,我会继续提供堆叠闪电战。