Add/remove fxLayout and fxLayoutAlign properties conditionally

I am trying to add/remove fxLayout and fxLayoutAlign properties conditionally in my div

<div *ngIf="name === 'A'" fxFlex="50%" fxLayout="row" fxLayoutAlign="start center"> 
...
</div>

Something like this does not work for me

fxLayoutAlign="myCondition? 'start center' : ''"

Any ideas what i can try?

>Solution :

You need to use like this..

[fxLayoutAlign]="someCondition ? 'start center' : ''"

Demo in this Stackblitz

Leave a Reply