Angular 如何编辑“中的数据”；ngModel"；前显示为双向绑定 {{答案} 转换（值：字符串）：字符串{ 返回值。替换（/\\n/g，“”）； } 答案=''；

我的要求是我需要从用户那里获取一些数据，将其存储在变量中，进行一些更改/替换一些内容，保留其状态（换行符、空格），然后显示它

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

如果不可能，请通过任何其他方法帮助填写此要求。需要一些指导

<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

onKeyUp（事件：任意）
{
This.formatted=event.target.value.replace（/\\n/g，“
”）；
}
答案=''；
格式化：字符串

创建两个变量，使第二个变量接收格式化数据。Anothe_var=value.replace（/\\n/g，
）；。{{另一个{u var}}嗨，我一直在想，如何将以ngModel形式输入的数据传输到变量，任何示例或引用都会对我很有帮助。基本上，如何将数据从html传输到ts：（您自己的示例已经在执行ir，一旦您使用双向绑定。[（ngModel）]=“answer”。只要您键入，您就将数据传输到“answer”变量。是的，但您不能对其执行任何操作&这是实时的。如果我将“answer”复制到“另一个var”，它将不起作用。如果我的消息“您好，您好”，我需要将其编辑为“您好，您好”&然后显示它，我可以这样做吗？如果我听起来很愚蠢，我是sry，是否可以提供一些sameWoah的小代码！谢谢，它正在工作。一个跟进问题，sry要占用您更多的时间。我可以按以下方式进行多个编辑

code

onKeyUp（事件：任意）{this.formatted=event.target.value.replace（/\\n/g，
）；this.formatted=event.target.value.replace（“你好”，“你好”）this.formatted=event.target.value.replace（“什么”，“wassup？”）this.formatted=event.target.value.replace（“1”，“2”）}

code

Yes，但类似于此。formatted==event.target.value.replace（/\\n/g，“
”）；this.formatted=this formatted.replace（“您好”，“您好”）this.formatted=this.formatted.replace（“什么”，“wassup？”）。我现在没有办法测试，但我想这可以完成任务。