Угловой материал расширяется по одному ряду за раз и закрывает все остальные открытые ряды

Question

Привет, у меня есть столик с опцией развернуть свернуть.

Я использовал именно ссылку ниже для моей справки.

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 для дополнительных изменений