ionic3 emoj表情包插件 emoji-picker

1、效果演示：

2、安装扩展包依赖

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

3、app.module.ts中导入插件

 import { EmojiPickerModule } from '@ionic-tools/emoji-picker';

 @NgModule({
     ...
     imports: [
       ...
       EmojiPickerModule.forRoot()
       ],
     ...
 })
 export class AppModule {}

4、详情页使用：

 import { EmojiPickerModule } from '@ionic-tools/emoji-picker';

 @NgModule({
     ...
 imports: [
    ...
  EmojiPickerModule
 ],
    ...
 })
 export class SharedModule {
 　　
 　　public toggled: boolean = false;
 　　public emojitext: string;
 　　//切换当前选中的emoje表情
 　　public handleSelection(event) {
   　　this.emojitext = this.emojitext + " " + event.char;
 　　}

 }

5、html中调用：

 <ion-textarea [(ngModel)]="emojitext"></ion-textarea>

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