Question

我想创建一个角度为2的聊天应用程序，我需要在输入字段中显示Emojis，但html不支持输入字段中的图像。
我也尝试过这种方式，但没有奏效：

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

我已尝试this，但我没有收到tslint的错误，并说：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>

角度2输入，带图像支持

1 个答案: