Интеграция Emoji в приложение Angular 6 - PullRequest
Новая
       23

Интеграция Emoji в приложение Angular 6

1 голос
/ 07 марта 2019

Я пытаюсь интегрировать Emoji в мое приложение Angular 6 Chat, используя библиотеку ngx-emoji-mart

ниже мой код

Мой файл шаблона - chat.component.html 

<div #emojiDiv class="emojiInput" contentEditable="true" [innerHTML]="input"  >
</div>
<emoji-mart (emojiClick)="addEmoji($event)"></emoji-mart>

Мой класс компонентов - chat.component.ts 

import { Component, OnInit, ViewEncapsulation, ElementRef } from '@angular/core';

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.css'],
  encapsulation: ViewEncapsulation.None,
})


export class ChatComponent implements OnInit {

constructor() { }
ngOnInit() {

}

public addEmoji(){
    if(this.input) {
      this.input = this.input + "<ngx-emoji emoji='point_up'></ngx-emoji>";
     } else{
      this.input = "<ngx-emoji emoji='point_up'></ngx-emoji>";
     }
 }
}

Но не дополняет div.

Есть что-то еще, что мне нужно добавить? Заранее спасибо

...