角形-无法绑定到“ ngFormOptions”，因为它不是“ form”的已知属性

Question

我遇到了问题，看不到为什么？我使用Angular创建了一个表单。在我的模板文件中，我有以下内容：减少了代码的可读性

<form [formGroup]="emailReportForm" (ngSubmit)="emailReport()">
<!-- various inputs are here -->
</form>

在我的组件打字稿文件中，我具有以下内容来设置表格。

constructor(private formBuilder: FormBuilder) { }

ngOnInit(): void {
    // make the form...
    this.emailReportForm = this.formBuilder.group({
        emailAddress: [null, [
            Validators.required,
            Validators.pattern('^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$')]
            ],
        });
    });
}

现在，我希望验证在更改时进行而不是提交或模糊处理，因此我将以下内容添加到了HTML模板中

<form [formGroup]="emailReportForm" (ngSubmit)="emailReport()" [ngFormOptions]="{updateOn: 'change'}">

我以为这是可行的，但是突然之间我现在在控制台中看到了这一点：

  

无法绑定到“ ngFormOptions”，因为它不是的已知属性   '形成'。 （“] [ngFormOptions] =” {updateOn：   'change'}“”>

我不明白自己做错了什么？我需要手动使用FormGroup和FormControl创建表单吗？我认为使用formBuilder与使用FormGroup和FormControl相同，只需要较少的代码。任何建议将不胜感激。