Динамическая настройка высоты материала

Question

Я хочу динамически установить высоту моего <mat-card> компонента в зависимости от логического значения.

Я прочитал после в официальной документации, заявив, что карта может изменить высоту следующим образом:

<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

https://stackblitz.com/edit/angular-pwqkyr?embed=1&file=app/card-overview-example.ts