如何等待ngrx store中的数据被处理？

import { Component, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs';
import { map, toArray, toPromise } from 'rxjs/operators';

@Component({
  selector: 'app-your-component',
  template: `
    <div>{{ processedData$ | async }}</div>
  `,
})
export class YourComponent implements OnInit {
  processedData$: Observable<any>;

  constructor(private store: Store<any>) {}

  ngOnInit() {
    this.processedData$ = this.store.select('data').pipe(
      // 进行数据处理，这里使用map操作符进行示例转换
      map((data) => data.map((item) => item.property)),
      // 将数据流转换为数组
      toArray(),
      // 将数组转换为Promise对象，以等待数据处理完成
      toPromise()
    );
  }
}