Угловой и довольный

Question

Я искал в Интернете, но не могу найти способ работать с contenteditable событиями в Angular 6/7. У 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>

Вот демонстрация Stackblitz