繁体 English 中英

如何使角材料膨胀板一次只膨胀一个

[英]How to make angular material expansion panel to expand only one at a time

原文 2020-10-16 06:06:12 7 1 angular/ angular-material

我创建了一个垫子扩展面板。 我只想一次只制作一个可扩展的。 意味着当一个特定的记录被扩展时，当我点击另一条垫子扩展记录时，那么垫子扩展的其他记录应该关闭。 有什么办法吗？

1 个解决方案

您只需要将扩展面板包裹在mat-accordion （请参阅文档）

确保将multi设置为false以禁止同时打开多个扩展面板。

<mat-accordion [multi]="false">
  <mat-expansion-panel></mat-expansion-panel>
  <mat-expansion-panel></mat-expansion-panel>
</mat-accordion>

这是一个活生生的例子

Angular Material Expansion 面板，仅在单击按钮时展开

[英]Angular Material Expansion panel, expand only on button click

Angular Material 扩展面板：多重扩展

[英]Angular Material expansion panel : Multiple expand

如何使角形材料扩展面板仅以编程方式打开，而不是在单击面板标题时不打开

[英]How to make angular material expansion panel only open programatically and not when the panel header is clicked

如何以编程方式切换 Angular 材质扩展面板

[英]How to toggle Angular material expansion panel programmatically

如何禁用 Angular Material Expansion Panel 动画？

[英]How to disable Angular Material Expansion Panel animations?

如何在 Angular 材料中循环聚焦（）在扩展面板上？

[英]How to focus() on Expansion Panel in a loop in Angular Material?

仅在图标单击时展开面板 - Angular 材料

[英]Expand Panel Only on Icon Click - Angular Material

如何一次只允许打开一个垫子扩展面板？

[英]How to only allow one mat-expansion-panel to be open at a time?

如何用dart angular 2材料设计材料扩展面板的样式

[英]how to style the material-expansion panel from dart angular 2 material

Angular 7 Material 扩展面板闪烁

[英]Angular 7 Material Expansion Panel flicker

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 Angular Material Expansion 面板，仅在单击按钮时展开 Angular Material 扩展面板：多重扩展如何使角形材料扩展面板仅以编程方式打开，而不是在单击面板标题时不打开如何以编程方式切换 Angular 材质扩展面板如何禁用 Angular Material Expansion Panel 动画？如何在 Angular 材料中循环聚焦（）在扩展面板上？仅在图标单击时展开面板 - Angular 材料如何一次只允许打开一个垫子扩展面板？如何用dart angular 2材料设计材料扩展面板的样式 Angular 7 Material 扩展面板闪烁

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM