Angular 2，textarea（附加文字表情符号）

Question

我想在文本消息中附加表情符号。

SELECT *
FROM A
WHERE EXISTS (
        SELECT 1
        FROM A AS A1
        WHERE A1.key1 = a.key1
        GROUP BY A1.key1
        HAVING COUNT(A1.key1) = 1
        )

用表情符号显示消息

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

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

我正在使用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 工作示例链接。