如何在Angular中隐藏mat-expansion-panel？

Question

enter image description here

我想在数组为空的时候隐藏它

Answer 1

如果满足某些条件，您可以通过声明的方式将input expanded的值设置为false，或者通过从您的组件调用MatExpansionPanel ViewChild上的toggle方法来强制执行此操作。参见angular-material docs。

<mat-expansion-panel [expanded]="isExpanded ? true : false">
  <other stuff/>
</mat-expansion-panel>

编辑：我想你也可以编辑整个mat-expansion-panel组件，但是效率可能会低一些，因为这意味着当DOM的展开状态前提条件发生变化时，整个面板都会被重新渲染。

Answer 2

您可以像这样使用hidden=“子句”：

  <mat-expansion-panel [hidden]="true">
     ...
  </mat-expansion-panel>