각도 2 입력 이미지 지원

Question

각도 2로 채팅 응용 프로그램을 만들고 입력 필드에 Emojis를 표시해야하지만 HTML은 입력 필드에서 이미지를 지원하지 않습니다.
또한 나는이 방법을 시도했지만 작동하지 : 나는 this을 시도했지만 내가 tslint에서 오류를 가지고 있지 말한다

<div contenteditable="true" 
    [innerHtml]="msgText" 
    class="form-control" 
    (keyup)="enable_disable_sendBtn()" 
    (keypress)="handle_enter_key($event)" 
    #messageBox 
    (input)="msgText = $event.target.innerText"> 
</div> 

: use @HostListener Or @HostBinding instead of host.
누구든지 텍스트 입력에서 emjis를 보여줄 수 있습니까?

Answer 1

마지막으로 해결책을 찾았습니다. 해결 방법은 단방향 바인딩이므로 사용자가 contenteditable에 무엇인가를 씁니다. 예를 들어 콘텐츠를 보낼 때 innerHTML을 가져와야합니다.
또한 콘텐츠에 이미지를 추가하고 싶을 때 간단히 contenteditable에 추가하고 보낼 필요가있을 때 innerHTML이 표시됩니다.

<div contenteditable="true" 
    class="form-control" 
    id="messageBox" 
    #messageBox 
    (keydown.enter)="handle_enter_key($event)" 
    (input)="handleMessageBoxInput($event)"> 
</div>