Question

我已经搜索了网络，但是找不到在Angular 6/7上处理contenteditable事件的方法。 AngualrJS似乎提供了一个凌乱的解决方案，但表示该功能似乎没有延续到最新版本中。

一个用例是在一个内容可编辑的onChange事件上，调用一个函数：

<div contententeditable="true" [change]="onNameChange(if.there.is.such.a.thing)">Type your name</div>

...

private name: string;

onNameChange(name) {
   this.name = name;
}

对此有何想法？谢谢。

Answer 1

您可以使用input事件，如下所示：

<div contenteditable (input)="onNameChange($event.target.innerHTML)">
   Type your name
</div>

Here is a Stackblitz demo

角度和内容可编辑

1 个答案: