求助：使用Async Pipe与NgFor基于Observable渲染子组件失败

我尝试从父组件的Observable获取数据，使用async pipe转换为对象列表后，通过*NgFor循环渲染子组件，但子组件完全没有显示。我已经按照以下步骤操作：

1. 父组件生成Observable数据

// 父组件代码
dataSet$!: Observable<Data[]>;

ngOnInit() {
  this.dataSet$ = this.serviceData.getData();
}

2. 通过Async Pipe传递数据并渲染子组件

<!-- 父组件模板 -->
<ng-container *ngIf="dataSet$ | async as dataSet">
  <app-row-data-list *ngFor="let data of dataSet" [data]="data"></app-row-data-list>
</ng-container>

3. 子组件定义@Input接收数据

// 子组件代码
export class RowDataListComponent {
  @Input() data!: Data;
}

我已经在Stack Overflow上尝试了多个解决方案，耗时数小时仍未解决，恳请帮助。

补充：该问题已通过相关回答解决，可参考对应示例的实现逻辑。

内容的提问来源于stack exchange，提问作者Raul Chiarella