如何保持其中一个扩展面板始终在手风琴中展开？

Posted 2023-03-24

【中文标题】如何保持其中一个扩展面板始终在手风琴中展开？

【英文标题】：How to keep one of the expansion panel always expanded in an accordion?

【发布时间】：2021-12-07 05:30:15

【问题描述】：

我有一个带有 3 个扩展面板的手风琴。我想始终保持至少一个面板打开。 即，我不希望用户关闭所有面板。

如何做到这一点？

提前致谢。

【参考方案1】：

您可以使用 mat-accordion 中可用的 [expanded] 属性。 在 mat-expansion-panel 标签中添加以下代码

[expanded]="true"

【讨论】：

它只适用于第一次，我的用例是，当用户折叠一个面板时，下一个应该打开。三者之一应始终打开。

对于这种情况，您可以对所有三个扩展面板使用 [expanded]=some_variable，并将点击事件监听器添加到扩展面板并切换状态。