[(ngModel)] numeric inputs are passed as string values to TypeScript's numeric properties

I am testing a simple calculator which should sum 2 numbers but it concatanates them although I declare properties with type definitions.

It’s OK if I code as +this.number1 + +this.number2. But isn’t there any way to pass them from [(ngModel)] to typescript class as numeric values?

I have researched but cannot find anything. Am I missing something?

app.component.html

...
<TextField hint="Number 1" [(ngModel)]="number1" keyboardType="number"></TextField>
<TextField hint="Number 2" [(ngModel)]="number2" keyboardType="number"></TextField>
<Button text="Calculate" (tap)="calculate()"></Button>
...

app.component.ts

...
public number1: number = 0;
public number2: number = 0;
public result: number = 0;

calculate(){
        this.result = this.number1 + this.number2;
        // if I code this as "this.result = +this.number1 + +this.number2;" it is working.
}
...

stackoverflow

[radhakrishnan0404]

boss this is not working

[Sachin124]

Simply you can achieve this using JS Number function to convert it into Number https://www.w3schools.com/jsref/jsref_number.asp