      
        content_copy
      
      export class SizerComponent {

  @Input()  size!: number | string;
  @Output() sizeChange = new EventEmitter<number>();

  dec() { this.resize(-1); }
  inc() { this.resize(+1); }

  resize(delta: number) {
    this.size = Math.min(40, Math.max(8, +this.size + delta));
    this.sizeChange.emit(this.size);
  }
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Sep 16 2021

Obedient Osprey

0 Answers Avg Quality 2/10

two way binding angular

Comment

<app-sizer [(size)]="fontSizePx"></app-sizer>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: angular

Link to this answer
Share Copy Link

Contributed on Dec 29 2022

Tender Tuatara

0 Answers Avg Quality 2/10

angular two way binding

Comment

      
        content_copy
      
      <div>
  <button (click)="dec()" title="smaller">-</button>
  <button (click)="inc()" title="bigger">+</button>
  <label [style.font-size.px]="size">FontSize: {{size}}px</label>
</div>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Sep 16 2021

Obedient Osprey

0 Answers Avg Quality 2/10