Changing the font-size of the field with value coming from the database

Question

Good morning, I get from the database a vrFonte="x" with a value x, this value that comes to me will be the size of the input source, is it possible to make the field assume the size of this source that comes from the database? if yes, how ? Thank you

Answer 1

You can use the [ngStyle] as function return, example:

vrFonte: number
setStyles() {
  let styles = {
    'font-size': this.vrFonte || '13px'
  };
  return styles;
}

 //OBS: 'font-size': this.vrFonte || '13px' caso vrFonte seja `undefined` ele atribuira 13px ao input.

there in your input you would put :

<input type="text" [ngStyle]="setStyles()">

Another way to do it would be to use angular style bind:

<input type="text" [style.font-size.px]="{{ vrFonte }}">