Angular 2, textarea (add emoji with text)

Question

I want to add emojis with a text message.

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

to show a message with emoji

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

I want to show all emojis in the text area. Please see the attached image.

I use this link for emojis.