角度和内容可编辑

Question

我在网上搜索过，但找不到在 Angular 6/7 上处理 contenteditable 事件的方法。 Angualr 似乎有一个混乱的解决方案，但该功能似乎没有延续到最新版本。

一个用例是在一个内容可编辑的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