角度材料:嵌套的扩展面板在关闭时溢出

时间:2017-12-18 12:43:35

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

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

<!--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级面板仍然显示在页面上溢出。 我的期望是,内层的所有儿童扩张板都应该自行折叠以保持视野清洁。 是否存在导致此问题的配置/属性绑定。

1 个答案:

答案 0 :(得分:1)

2018年11月更新

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

原帖

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

关注这些问题并提出您的想法;在即将到来的更新中应该有一个解决方案。