如何检测 Angular @Input数组的变化？

问：

我有一个表过滤组件，它的输入是一个对象数组。当组件初始化时，对象都会显示其属性。如果我硬编码显示数组一秒钟后，数组将显示数组中实际上的某些对象显示。我尝试使用 ngOnChanges（），但是 angular 不会检测到这些值何时更新。isFiltered: falsesetTimeout()isFiltered: true

父组件服务调用如下（这是我们所关注的）：this.filters

      this.supportedTypesService
        .getSupportedPolicyTypes()
        .pipe(
          takeUntil(this.ngOnDestroy$),
          finalize(() => (this.delayGettingPreferencesOnInit = false))
        )
        .subscribe((response: PolicyType[]) => {
          this.filters = response.map((policyType: PolicyType) => {
            return {
              value: policyType,
              text: PolicyType.getApiValue(policyType),
              isChecked: false
            };
          });
        });

this.filters作为 HTML 中的子组件传递给子组件[filters]=filters

子组件具有：

@Input filters: Filter[]

  public ngOnChanges(): void {
    each(this.filters, (f: Filter) => {
      if (f.isChecked) {
        this.isFiltered = true;
        return false; // to break from forEach loop
      }
    });
  }

ngOnChanges（） 不会检测数组中发生的更改。我也尝试过ngDoCheck（），但它似乎无限运行，让我担心性能问题。