Angular FormGroup值在事件上为null

Question

我有一个简单的FormGroup：

const formGroup = this.formBuilder.group({
    general: this.formBuilder.group({
        description: [job.description],
        country: [job.country],
        nextRun: [job.nextRun],
        lastRun: [job.lastRun],
        enabled: [job.enabled],
        tags: [this.jobTags]
    }),
    ...
})

我曾经用来填充form。
可以将此FormGroup重置为原始值：

this.formGroup.reset({
    general: {
       description: this.job.description,
       country: this.job.country,
       nextRun: this.job.nextRun,
       lastRun: this.job.lastRun,
       enabled: this.job.enabled,
       tags: this.jobTags
    },
    ...
})

这是通过一个事件发生的，该事件是通过另一个Component通过EventEmitter输出的。

我注意到在调用FormGroup方法之前，整个null的所有值都在按下按钮时设置为reset。值基本上被清除并重新插入字段后，这会使整个表单“不完整”。

这是期望吗？还是我的错误？

已解决：

<button
    mat-stroked-button
    type="reset" <!-- Must be removed -->
    (click)="restorePressed.emit()"
>
    <mat-icon>restore</mat-icon>
    Restore
</button>

您可以看到该按钮被标记为type="reset"。就这么简单。