angular - 角材料一次展开一行并关闭所有其他打开的行

Question

嗨，我有一张带有展开折叠选项的垫子表。

我已完全使用以下链接作为参考。

https://stackblitz.com/edit/angular-material2-expandable-rows-filter-pagination-sorting

现在的问题是我需要在打开新行之前折叠所有先前打开的行。

有人可以帮助我吗？

标签： angularangular-material-6mat-table

Answer 1

您好，请参阅此https://stackblitz.com/edit/angular-material2-expandable-rows-filter-pagination-sort-7jpsik?file=app%2Ftable-example.ts

这以这种方式在 cdk-detail-row-directive.ts 中添加一个事件发射器：

@Output() toggleChange = new EventEmitter(); // 添加

当调用切换功能时，添加以下内容：

this.toggleChange.emit(this); // added

有关更多更改，请参见 table.example.ts