将工厂创建的表情符号组件插入角度内容可编辑Div

时间:2018-06-14 09:04:42

标签: dynamic angular5 factory emoji

我正在使用ngx-emoji-mart。

我有一段代码将组件插入到已经导致

的div中
**<ngx-emoji class="ng-star-inserted" style=""><!--bindings={
"ng-reflect-ng-if": "true"
}--><span class="emoji-mart-emoji ng-star-inserted" title=""><span>  
</span></span></ngx-emoji>**

使用以下接收表情符号对象的函数

insertEmojiAtCaret(表情符号):void {

**const factory: ComponentFactory<any> = 
this.resolver.resolveComponentFactory(EmojiComponent);
factory.factory._inputs.emoji = {id: emoji.emoji.id, skin: 3};
factory.factory._inputs.size =  16;
this.componentRef = this.htmlTextBox2.createComponent(factory);
this.componentRef.instance.emoji = emoji.emoji.id;**

但是我无法提供任何属性,例如

[emoji]="santa"
size=16

非常感谢任何指向正确方向的指针。

感谢。 :)

0 个答案:

没有答案