爲離子應用程序創建類似whatsapp的表情符號按鈕

Question

我正在研究離子應用程序，並且我想知道，是否可以創建類似於離子應用程序的whatsapp的表情符號按鈕。

Answer 1

有個東西叫@離子工具/表情符號選取器

你可以在你的應用程序安裝

npm i @ionic-tools/emoji-picker --save 

然後導入您的應用程序模塊和您的孩子頁面，並使用它像

toggled: boolean = false; 
 
emojitext: string; 
 
    
 
handleSelection(event) { 
 
    this.emojitext = this.emojitext + " " + event.char; 
 
}

<ion-textarea [(ngModel)]="emojitext"></ion-textarea> 
 
    
 
<button ion-button clear icon-only (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'top'" 
 
     (emojiPickerSelect)="handleSelection($event)"> 
 
     
 
</button>

@ionic-tools/emoji-picker