angular - 角度和内容可编辑

Question

我在网上搜索过，但找不到contenteditable在 Angular 6/7 上处理事件的方法。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>

这是一个 Stackblitz 演示