如何在以双向绑定显示之前编辑 "ngModel" 中的数据

Question

    <textarea #hello class="form-control" name="Input" type="text" rows="10" cols="40" [(ngModel)]="answer">
    </textarea>
    
    <div class="message">
      {{ answer }}
    </div>

    transform(value: string): string {
        return value.replace(/\n/g, '<br />');
      }
    answer = '';

我的要求是我需要从用户那里获取一些数据，将其存储在一个变量中，做一些 changes/replace 一些事情，保存它的状态（换行符，space）然后显示它.

我可以在显示之前截取来自 ngModel 的数据并将其存储在变量中，进行更改然后将其显示为正常的 ngModel

如果这不可能，请感谢您通过任何其他方法帮助满足此要求。需要一些指导

Answer 1

<textarea #hello class="form-control" name="Input" type="text" 
 rows="10" cols="40" [(ngModel)]="answer" (keyup) 
  ="onKeyUp($event)">
  </textarea>

  <div class="message">
 {{ formated }}
  </div>

打字稿

onKeyUp(event: any)
{
This.formated = event.target.value.replace(/\n/g, '<br />');
 }
 answer = '';
 formated: string

如何在以双向绑定显示之前编辑 "ngModel" 中的数据

how to edit the data from "ngModel" before display in two way binding

typescript

angular-ngmodel

angular