【问题标题】：Angular Material : nested expansion panels spill-over when closedAngular Material : 嵌套扩展面板在关闭时溢出
【发布时间】：2017-12-18 12:43:35
【问题描述】：

我需要以嵌套模式加载扩展面板。每个扩展面板都有一个子面板，而每个扩展面板又可能具有相似的子面板。例如：

<!--pseudo-code below-->
<mat-accordion>
  <mat-expansion-panel> Level-1 
    <mat-accordion>
        <mat-expansion-panel>Level-2
            <mat-accordion>
                <mat-expansion-panel>Level-3
                </mat-expansion-panel>
                <mat-expansion-panel>Level-3
                </mat-expansion-panel>
            </mat-accordion>
        </mat-expansion-panel>
        <mat-expansion-panel>
        </mat-expansion-panel>
     </mat-accordion>
    </mat-expansion-panel>
    <mat-expansion-panel> Level-1
    </mat-expansion-panel>
  </mat-accordion>

在这种情况下，当展开到第 3 级的面板时，如果我单击第 1 级面板的标题，第 1 级面板将关闭，但是，第 3 级面板仍显示在页面上溢出。我的期望是内部级别的所有子扩展面板都应该自行折叠以保持视图清洁。我是否缺少导致此问题的配置/属性绑定。

【问题讨论】：

标签： javascript angular typescript angular-material angular-material2

【解决方案1】：

2018 年 11 月更新

this PR 中的 6.0.0-beta.4 版本已修复此问题。

原帖

嵌套扩展面板似乎还不能完美运行。你可以在 Github 上找到几个问题。其中一个已经有PR了：issue 1,issue 2

关注这些问题，也许可以贡献你的想法；在即将到来的更新中应该会有解决方案。

【讨论】：