javascript - Angular Material : nested expansion panels spill-over when closed

Question

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

<!--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 级面板仍显示在页面上溢出。我的期望是内层的所有子扩展面板都应该自行折叠以保持 View 干净。是否缺少导致此问题的配置/属性绑定(bind)。

Answer 1

2018 年 11 月更新

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

---

原帖

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

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