角形材料一次展开一行，然后关闭所有其他打开的行

Question

嗨，我有一个带有展开折叠选项的Mat表。

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

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

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

有人可以帮我吗？

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 =新的EventEmitter（）; //添加

，并在调用切换功能时添加：

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

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