Как проверить изменения на трубах?Угловая область текста

Question

У меня есть текстовая область с форматированным json. Пользователь может вносить изменения в этой текстовой области. Однако из-за трубы JSON я не могу использовать [(ngmodel)}. Также (change) и (ngModelChange), похоже, ничего не вызывают. Как мне записать изменения пользователя?

data: string = '{"a":1,"b":2,"c":{"d":3, "e":4}}';

ngOninit(){
this.data= JSON.parse(this.data);
}

 saveUserChanges(){
 console.log(this.data)
}

HTML

<text area (ngModelChange)="saveUserChanges()">{{data | json}}</textarea>
<button (click)="saveUserChanges()">save</button>

Answer 1

Вы можете связать значение с помощью [ngModel] и установить новое значение с помощью (ngModelChange):

<textarea [ngModel]="data | json" (ngModelChange)="saveUserChanges($event)"></textarea>

В классе компонентов saveUserChanges определяется как:

saveUserChanges(value) {
  this.data = JSON.parse(value);
}

См. этот стек для демонстрации.