mat-expansion-panel keeps contents of collapsed panels in DOM

I found this while debugging rendering performance in my app. I have a large section that initially renders as a big mat-expansion-panel with all panels collapsed, except one. Here is a screenshot of mat-expansion-panel demo that sxhibits the same behavior:


I believe that the contents of the collapsed sections should be removed from the DOM to not slow down the application by rendering content that isn't currently visible.

If the reason for doing that was animations, then the animations probably need fixing - Angular supports keeping things in DOM while they are animating. Or maybe this was used, but the animation end never gets registered? I'm gussing :) In any case I believe it's a bug.

CC @jelbourn

Possilbly related (?): https://github.com/angular/components/issues/8287

Bắt đầu bằng cách tái hiện hành vi trong bản demo mat-expansion-panel được hiển thị trong issue, với một số panel được thu gọn và một panel được mở rộng. Theo dõi phần triển khai mat-expansion-panel và hành vi animation của nó; hoàn thành nghĩa là nội dung của các panel đã thu gọn được xóa khỏi DOM mà không làm hỏng các transition.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.