javascript - Angular 2，textarea(用文字附加表情符号)

Question

我想在短信中附加表情符号。

<textarea class="msgarea" * [(ngModel)]="msg" name="message-to-send" id="message-to-send"  placeholder="Type your message" rows="3">
</textarea>

用表情符号显示消息

<div class="message-container" [innerHTML]="msg | emojis">
</div>

我想在文本区域中显示所有表情符号。请看一下附图。



我正在使用 this表情符号的引用。

Answer 1

在 html 中添加一个按钮，当点击按钮时，表情符号弹出窗口就会出现。
😀

在 typescript 文件中调用此函数

toggleEmojiPicker() {
    console.log(this.showEmojiPicker);
        this.showEmojiPicker = !this.showEmojiPicker;
  }

  addEmoji(event) {
    console.log(this.message)
    const { message } = this;
    console.log(message);
    console.log(`${event.emoji.native}`)
    const text = `${message}${event.emoji.native}`;

    this.message = text;
    // this.showEmojiPicker = false;
  }

click for stackbliz example这是 stackbliz 工作示例链接。