Angular 如何使用此自定义管道

Angular 如何使用此自定义管道,angular,Angular,我遇到了一个将字符串转换为表情符号的自定义管道。我试图通过一个测试来尝试这个,但我不相信它是有效的 我该如何使用这根管子 您配置错误的角度模块 检查我的解决方案(顺便说一句,我没有使用管道) 在app.module.ts中 import { EmojiModule } from '@ctrl/ngx-emoji-mart/ngx-emoji'; @NgModule({ imports: [ ..., EmojiModule ], ... }) 在app.components

我遇到了一个将字符串转换为表情符号的自定义管道。我试图通过一个测试来尝试这个,但我不相信它是有效的


我该如何使用这根管子

您配置错误的角度模块

检查我的解决方案(顺便说一句,我没有使用管道)

在app.module.ts中

import { EmojiModule } from '@ctrl/ngx-emoji-mart/ngx-emoji';

@NgModule({
  imports:      [ ..., EmojiModule ],
  ...
})
在app.components.ts中

<ngx-emoji [emoji]='name' size="16"></ngx-emoji>

哦,对了,您使用ngx表情符号输出表情符号。感谢这个答案对你有帮助,请考虑把它作为一个答案进行投票和/或标记。谢谢你,我试过ngx表情符号,也尝试过动态生成组件并将其插入dom。但是,使用这种方法是否可以使用ngx表情符号并将其插入到contenteditable div中?也就是说,有一个contenteditable div,用户可以在其中键入一些内容并使用选择器选择表情符号?只是为了澄清一下,将组件插入dom时将组件作为同级插入。我相信我需要将其插入特定的插入符号位置。
"../node_modules/@ctrl/ngx-emoji-mart/picker.css"