html - 错误类型错误：无法分配给“12345”上的属性“验证器”：不是对象

Question

我想构建一个预先填写的表单，截至目前，当我尝试显示表单页面时出现此错误。我尝试了各种给出的解决方案，但在这里似乎不起作用。

我的 hardwareRequest.ts

hardwareReviewForm: FormGroup;
  assetSerialNumber = new FormControl('');
  modelType = new FormControl('');



ngOnInit(): void {
    this.data = []
    this.service.loadRequestData(this.requestId).subscribe(
      (response: any) => {
        
        this.data = response
        console.log(this.data)
        this.assetSerialNumber = this.data.assetSerialNumber
        this.modelType = this.data.modelType

      },
      (error) => {

       
      }
    )
  }

我的 HTML 文件

<form class="example-container" [formGroup]="hardwareReviewForm" (ngSubmit)="onFormSubmit()">
                
              <div class="ds-col-12" style="margin-bottom: 10px;">
                <div class="ds-col-6">
                  <mat-form-field appearance="outline">
                      <mat-label>Asset Serial Number: </mat-label>
                      <input formControlName="assetSerialNumber" readonly matInput type="text">
                  </mat-form-field>
              </div>

              <div class="ds-col-6">
                  <mat-form-field appearance="outline">
                      <mat-label>Part No./Model Type: </mat-label>                
                          <input formControlName="modelType" readonly matInput type="text">                     
                  </mat-form-field>
              </div>
              </div>

            </form>

标签： htmlangulartypeerror

Answer 1

我想通了.. .setValue 对于表单控件来说是一个愚蠢的错误。如下设置我的值可以正常工作。

this.Number.setValue(this.data.Number) this.Type.setValue(this.data.Type)