Question

我想根据布尔值动态设置<mat-card>组件的高度。

我已经阅读了官方文档中的 following ，指出卡片可以通过以下方式更改海拔高度：

<mat-card 
    [class.mat-elevation-z2]="!isActive" 
    [class.mat-elevation-z8]="isActive">
  Some content
</mat-card>

我的问题是...有更简单的方法吗？为您可能需要的每个海拔高度写长变量class.mat-elevation-zX似乎有些冗长。

完全有可能做类似...

<mat-card [matElevation]=isActive ? 2 : 6>
    my content
</mat-card>

Answer 1

尝试以下

[ngClass]="'mat-elevation-z'+(active?2:8)"

Stackblitz