TypeScript impostare un valore dinamico a fxFlex Angular Material

Se utilizziamo Angular Material e vogliamo impostare un valore all'attributo fxFlex in maniera dinamica tramite il linguaggio di programmazione TypeScript, dobbiamo creare una variabile.

Di seguito un esempio di codice

Variabile con il valore dinamico

Typescript

    //Variabile per il valore dinamico

    flexValue: string = '50%';

Valore che viene impostato in ngOnInit

TypeScript

 if(variabileElenco == true)

    this.flexValue =  '100%';

Attributo fxFlex impostato dinamicamente

HTML

 <mat-form-field appearance="outline" [fxFlex]="flexValue"  >