在Angular 9表单中，当在模板中使用条件[required]属性时，可能会遇到ExpressionChangedAfterItHasBeenCheckedError错误。这是因为验证器的状态会发生变化，但在变化检测周期中，属性绑定已经完成。

解决此问题的方法是将[required]属性绑定到一个变量，然后在ngOnInit生命周期钩子中更改它的值。

例如，假设你有一个表单控件，如果用户选择“其他”选项，则需要使用条件[required]属性：

HTML模板：

  Option 1
  Option 2
  Option 3
  Other



  

在上面的示例中，[required]属性绑定到isOtherOptionRequired变量。然后，在组件类中，你可以在ngOnInit中更改此变量的值，以反映其他选项是否选中：

组件类：

export class MyComponent implements OnInit {
  selectedOption: string;
  otherOption: string;

  isOtherOptionRequired = false;

  ngOnInit() {
    this.selectedOption = // get selected option from backend or set default

    // check if other option is already selected on init
    if (this.selectedOption === 'other') {
      this.isOtherOptionRequired = true;
    }
  }
}

通过这种方式，可以确保[required]属性在属性绑定后立即更新状态，以避免ExpressionChangedAfterItHasBeenCheckedError错误。