angular - 使用表单生成器自定义表单控件属性

Question

有没有办法使用 Angular 中的表单构建器添加名为 filterMode 的自定义属性？我正在创建一个搜索表单，但希望能够将过滤器类型绑定(bind)到它，例如 startsWith、contains、equal 等。当我获得 时，我想为每个表单控件访问该值FormGroup 控件对象。

例如:

public queryForm: FormGroup;


constructor(
    private fb: FormBuilder,
  ) {
    this.queryForm = this.fb.group({
      username: [value: '', filterMode:'contains'],
      email: [value: '', filterMode:'contains'],
    });
  }

有没有办法在 Angular 中扩展 FormGroup？

Answer 1

您可以在控件上创建一个属性，毕竟它只是一个对象，而 Javascript 允许您重写对象。

就这么简单。

constructor(public fb: FormBuilder) {
  this.form = this.fb.group({
    name: ['']
  });

}

ngAfterViewInit() {
  this.form.get('name')['filterMode'] = 'contains';
}

Here is a working example 。