venerdì 7 marzo 2025

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"  >




Nessun commento: