angular - mat-tab トランジションは、展開可能な行を持つ角度のあるマテリアル テーブルで他のアニメーションをトリガーします

Question

mat-tab-group を含む画面があり、1 つのタブに展開可能な行を含むテーブルが含まれています。これらの行は、クリックした場合にのみ展開されますが、タブを変更して戻ってくると、すべての行が自動的に展開されます。ここで何が問題なのですか。?

これで初めて正しく表示されます

すべての行が展開されます

リンク : StackBlitz サンプル

Answer 1

さて、これは、マットタブのコンテンツをラップする必要があるためです

<ng-template matTabContent> //your content goes here </ng-template>

ここに実用的なソリューションがあります: https://stackblitz.com/edit/angular-yeveze?file=src/app/table-expandable-rows-example.html