angular - 如何将 'ngModel' 与表单控件名称一起使用？

Question

我有 2 个文本区域，如果用户输入或插入值，也需要更新其他文本区域字段。

我可以使用 change 函数来做到这一点，但我尝试使用带有控件名称的 ng-model。得到错误。如何解决这个问题？或者我们不能使用带有 ngmodel 的控件名称来收集？

这是我的文本区域:

<textarea name="control-name" [(ngModel)]="control_name_text" formControlName="ControlName"  [ngModelOptions]="{standalone: true}" cols="85" rows="5" placeholder="Enter Control Name"></textarea>

另一个:

<textarea name="pageUrl" [value]="control_name_text"  cols="85" rows="5" placeholder=""></textarea>

我也在 ts 文件中声明了 control_name_text。出现错误:

Can't bind to 'ngModelOptions' since it isn't a known property of 'textarea'.

有什么帮助吗？提前致谢。

Answer 1

如果这就是您正在做的，则没有理由将 ngModel 与 react 形式一起使用。

在这种情况下，您可以从表单控件中获取值并将其用作输入值

<form [formGroup]="exampleForm">
  <textarea formControlName="userText" cols="85" rows="5" ></textarea>
  <textArea [value]="userText"> </textArea> 
</form>

它不是必需的，但在您的组件中，您还可以使用 get 属性缩短 formControl 引用。

get userText() {return this.exampleForm.get('userText').value }

例子: https://stackblitz.com/edit/angular-sjn6du