如何在Angular/NgRx中获取数据后才订阅可观察对象？

import { Observable, of } from 'rxjs';

data$: Observable<any>;

ngOnInit() {
  this.data$ = this.getData();
}

getData(): Observable<any> {
  // 在这里获取数据的逻辑，可以是从服务器请求数据或者从本地获取
  // 假设使用了一个名为getDataFromServer()的方法来获取数据
  return this.getDataFromServer();
}

getDataFromServer(): Observable<any> {
  // 使用HttpClient从服务器获取数据的示例
  return this.http.get<any>('https://example.com/api/data');
}

<div *ngIf="data$ | async as data">
  <!-- 在这里使用数据，例如显示数据列表 -->
  <ul>
    <li *ngFor="let item of data">{{ item }}</li>
  </ul>
</div>