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 中添加一个按钮，点击按钮时会弹出表情符号。

?

在打字稿文件中调用这个函数

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 工作示例链接。