将多个控制值更改分组在一起

Question

自动完成功能可分别触发每个表单控件的过滤功能。有没有办法对语句进行分组，而不是像我下面那样单独使用多个可观察值并分别写下来？this.filteredTypesCodes = this.assetTypeCodeControl.valueChanges      .pipe(        startWith(''),        map(value => value.length >= 2 ? this._filter(value) : [])      );    this.filteredSubTypesCodes = this.assetSubTypeCodeControl.valueChanges      .pipe(        startWith(''),        map(value => value.length >= 2 ? this._filter(value) : [])      );    this.filteredMakesCodes = this.assetMakeCodeControl.valueChanges      .pipe(        startWith(''),        map(value => value.length >= 2 ? this._filter(value) : [])      );

Answer 1

你可以merge从 Rxjs 将多个可观察值合并为一个，但我认为这对你不起作用，因为你需要单独使用每个可观察值，你可以做的是，为了停止重复自己，你可以将重复的代码放在一个单独的代码中函数，就像这样：

createFilter(formControl) {

      return formControl.valueChanges

      .pipe(

        startWith(''),

        map(value => value.length >= 2 ? this._filter(value) : [])

      );

}

然后您可以使用它来创建过滤器：

this.filteredTypesCodes = this.createFilter(this.assetTypeCodeControl)

this.filteredSubTypesCodes = this.createFilter(this.assetSubTypeCodeControl)

this.filteredMakesCodes = this.createFilter(this.assetMakeCodeControl)