app-add-numbers.component.ts

import { Component } from "@angular/core";

@Component({
  selector: "app-add-numbers",
  template: `
    <input type="number" [(ngModel)]="num1" /> +
    <input type="number" [(ngModel)]="num2" />&nbsp;
    <button (click)="result = num1 + num2">Add</button>&nbsp;
    <label>{{ result }}</label>
  `,
})
export class AppAddNumbersComponent {
  num1 = 0;
  num2 = 0;
  result = 0;
}