即使以反应形式填写输入字段后，也会显示mat-errors

Question

我正在使用form在名为edit的组件中显示一些数据（显示在对话框窗口中）。

喜欢这张图片：

即使填写了输入字段，我也遇到了问题。单击“保存”按钮后，它仍显示如下警告消息（mt-error）：

Stackbliz DEMO

更新了DEMO。

通过ng-serve重新启动 app 时，我收到了以下警告：

Answer 1

在“输入”框中添加值不会更新您的“表单模型”。另外，在value中不需要inputs属性。初始化您的表单，如下所示：

ngOnInit() {
    this.editCusForm = this.fb.group({
        name: [this.data ? this.data.name : null, [Validators.required, Validators.pattern('[a-zA-Z]+([a-zA-Z ]+)*')]],
        age: [this.data ? this.data.age : null, [Validators.required]],
    });
}

https://stackblitz.com/edit/list-examples-mine-r8upg6?file=app%2Fedit%2Fedit.component.ts