小编Ada*_*dan的帖子

我在 Material Dialog 组件中有一个 Angular 表单。数据是双向绑定的，当通过输入键切换或输入输入时，会导致屏幕在 keydown 的 . 所有数据都正确传递，但在尝试使用表单时速度非常慢。

我尝试重构用于输入的表单以使用“材料表单”，但仍然具有相同的减速性能。

这是 chrome 中性能跟踪器的屏幕截图：

我的配置有问题吗？或者这是最新的 Angular 8 动画/CDK 包中可能的回归？这是我的 Angular 包依赖项：

dependencies": {
    "@angular/animations": "^8.2.13",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "~8.2.13",
    "@angular/compiler": "~8.2.13",
    "@angular/core": "~8.2.13",
    "@angular/forms": "~8.2.13",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "~8.2.13",
    "@angular/platform-browser-dynamic": "~8.2.13",
    "@angular/router": "~8.2.13",
}

这是调用对话框的组件方法：

public editRow(tablerow: IRule): void {
const dialogRef = this.dialog.open(EditDialogComponent, {
  width: '100%',
  height: '85%',
  data: tablerow
});

this.subscriptions.push(
  dialogRef.afterClosed().subscribe(updatedRule => {
    if (updatedRule !== undefined) {

      this.rules = this.rules.map(rule => rule.Id === updatedRule.Id ? updatedRule …