lunedì 21 luglio 2025

TypeScript set fxFlex value dynamically in Angular Material

In questo esempio di codice, vediamo come nel linguaggio di programmazione TypeScript, possiamo impostare in maniera dinamico il valore dell'attributo fxFlex.
Nel caso che si utilizzi Angular Material e vogliamo impostare il valore di fxFlex, in maniera dinamica tramite una variabile possiamo impostare tale valore

Si crea una variabile nella pagina in cui si vuole rendere dinamico il valore

TypeScript

    //Variabile per il valore dinamico

    flexValue: string = '50%';

 

Si imposta un valore in maniera dinamica nel caso che una condizione viene rispettata

TypeScript

 

 if(variabileElenco == true)

    this.flexValue =  '100%';

 

Valore impostato dinamicamente
HTML

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

 

Nessun commento: