表情符号模式在 Angular 中无法正常工作

Question

我正在尝试在我的聊天网站上添加表情符号功能，但不幸的是，表情符号模式无法正常工作。下面是我做的代码。

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

- add emoji part on the html
    <ng-container *ngIf="!isBlocked">
        <textarea class="w-100 h-100 m-0 border-0" (blur)="onBlur()" (focus)="onFocus()" [(ngModel)]="message" rows="3" cols="50" formControlName="message_content"></textarea>
        <button (click) ="toggleEmojiPicker()"> </button><br>
        <emoji-mart class="emoji-mart" set="{{set}}" *ngIf="showEmojiPicker" (emojiSelect)="addEmoji($event)" title="Pick your emoji…"></emoji-mart>
    </ng-container>

项目完全运行，但是当我单击时，表情符号对话框启动如下所示。请让我知道如何解决此问题。

Answer 1

抱歉打扰了@Maddy 我错过了导入 CSS.

@import '~@ctrl/ngx-emoji-mart/picker';

我在 style.css 中输入了这个命令行，它工作正常。

表情符号模式在 Angular 中无法正常工作

Modal for emojis not working correctly in Angular

emoji

angular