Angular вызов функции, когда JavaScript изменил значение textarea

Question

Я использую angular и пытаюсь вызывать свою функцию codeInputChanged() каждый раз, когда содержимое textarea изменяется вручную или с помощью кода JavaScript.

Моя HTML для моей текстовой области выглядит следующим образом:

<textarea class=code id="code" (input)="codeInputChanged()" (scroll)="scrollsync()">{{code}}</textarea>

Я могу вызвать свою функцию codeInputChanged() с помощью (input)= "codeInputChanged()". Но это работает только тогда, когда я вручную изменяю ввод текста. Сейчас я ищу решение для вызова функции, когда изменение производится с помощью JavaScript кода.

Answer 1

Попробуйте эти коды,

<textarea class=code id="code" onchange="codeInputChanged()" (scroll)="scrollsync()">{{code}}</textarea>

ИЛИ

<textarea class=code id="code" (scroll)="scrollsync()" [ngModel]="data" (ngModelChange)="codeInputChanged()">{{code}}</textarea>

Answer 2

Вы можете просто вызвать свою функцию напрямую, например,

triggerInputChanged(){
    console.log('changing your input programatically');
    this.codeInputChanged();   
}

Это должно быть довольно просто - проверьте мой кодовый блок, показывая это: https://codepen.io/OctavioSI/pen/KKpvBxV?editors=0010