angular - 对于嵌套的 for 循环，角度虚拟滚动无法正常工作

Question

Angular Materialcdk-virtual-scroll-viewport属性不适用于嵌套*cdkVirtualFor或*ngFor. 视口一分为二，滚动无法按预期工作。请协助在视口中与父母和孩子一起列出。

<cdk-virtual-scroll-viewport itemSize="50">
  <div *cdkVirtualFor="let parent of parents">
    <h4>{{ parent.name }}</h4>
    <cdk-virtual-scroll-viewport itemSize="50">
      <div *cdkVirtualFor="let child of children">
        <p>{{ child.name }}</p>
      </div>
    </cdk-virtual-scroll-viewport>
  </div>
</cdk-virtual-scroll-viewport>