如何在自定义控件 (ControlValueAccessor) 中接收表单控件的默认值

Question

假设我有一个这样的表格：

this.form = fb.group({
        genders: [['MALE']],
    });

我已经实现了自己的自定义表单控件，该控件实现了 ControlValueAccessor 接口。我知道我们有该writeValue方法，但只有在使用 或 时才会调用该setValue方法patchValue。如何获取 的FormBuilder方法中设置的默认值group？

Answer 1

您可以通过在组件内传递一个简单的 @Input() 来完成此操作。

@Component({ selector: 'my-component', template: `....` })
export class Component extends ControlValueAccessor {
  @Input('property') property: any;
}

然后在 HTML 中，

<my-component formControl="gender" [property]="value">