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>

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

我正在将此参考用于表情符号。

Answer 1

在 html 中添加一个按钮，点击按钮时会弹出表情符号。

\n

<按钮（点击）="toggleEmojiPicker()">
\n<emoji-mart class="emoji-mart" set="{{set}}" *ngIf="showEmojiPicker" (emojiSelect)="addEmoji($event) " title="选择你的表情符号\xe2\x80\xa6">

\n

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

\n

toggleEmojiPicker() {\n    console.log(this.showEmojiPicker);\n        this.showEmojiPicker = !this.showEmojiPicker;\n  }\n\n  addEmoji(event) {\n    console.log(this.message)\n    const { message } = this;\n    console.log(message);\n    console.log(`${event.emoji.native}`)\n    const text = `${message}${event.emoji.native}`;\n\n    this.message = text;\n    // this.showEmojiPicker = false;\n  }\n

\n

单击查看 stackbliz 示例这是 stackbliz 工作示例链接。

\n