时间戳

首页 > 解决方案 > 在 textarea 上使用 formControlName 时会导致输入延迟的原因是什么？

html - 在 textarea 上使用 formControlName 时会导致输入延迟的原因是什么？

问题描述

我有一个在 formGroup 中使用的 textarea：

<form [formGroup]="form">
 <textarea formControlName="area"></textarea>
</form>

export class MyComponent implements OnInit {
public form: FormGroup;

 ngOnInit(): void {
  this.form = new FormGroup({
  area: new FormControl(null)
  });
 }
}

这在功能上有效，但由于某种原因，文本区域在 Firefox、IE 和 Edge 中变得非常慢。它在 Chrome 中运行良好。如果我删除 formControlName 文本区域再次正常（但当然不起作用）。慢是指输入滞后。

如果我隔离此组件并仅将其放在页面上，那很好。因此，同一页面上的其他内容必须干扰它，但我不知道是什么。该页面由多个组件组成，但没有什么花哨或复杂的。仅在推送提交时进行验证（使用(submit)）。同样的问题出现在不同的页面上，但严重程度不同。

什么会产生这样的影响，以至于我在 formControlName 上出现输入延迟的那一刻？有没有办法衡量可能的性能问题？我在这方面的经验很少。

标签： htmlangularangular-reactive-forms

解决方案

（我很抱歉，我没有足够的代表发表评论但是）问题可能来自任何地方，我建议您通过此解决方案并使用它交叉检查您的代码。祝你好运！

推荐阅读