How do I automatically convert data from string to number in typescript and angular 11?

Question

How do I automatically convert data from string to number?

My data is not clear what it is and I want it to be automatically converted according to the type it has

html:

<form [formGroup]="formUser">
  <label>name: </label>
  <input formControlName="name" >
  <br>
  <label>name: </label>
  <input formControlName="userId" >
</form>
<button (click)="send()">send</button>

ts:

    export class AppComponent  {
      constructor(private fb:FormBuilder){
    
      }
      formUser=this.fb.group({
        name:null,
        userId:null,
      })
       send(){
    const user:IUser=this.formUser.value
    console.log(user);
  }
}
interface IUser{
  name:string,
  userId:number
}

console:

{name: "alis", userId: "12"}

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

I do not want to use the following method:

user.userId=Number(user.userId)

Do you mean on change? Or when the Component is built? Or formatting the Value/Input? — Nikolaus
– Nikolaus, Commented Jun 24, 2021 at 6:37
Angular cli : 11.1.4, node 14.17.0 , Angular 11.1.2 , typescript:4.1.5 — alis
– alis, Commented Jun 24, 2021 at 6:38
I just gave an example otherwise my data can be anything and I do not want to change all the data manually — alis
– alis, Commented Jun 24, 2021 at 6:41
You can specify a type attribute in your input which is being respected... — Philipp Meissner
– Philipp Meissner, Commented Jun 24, 2021 at 6:42

Ranjith S · Accepted Answer · 2021-06-24 06:48:01Z

1

If the userId is always number you can use

<input formControlName="userId" type="number" />

So by default it will be of type number only.

answered Jun 24, 2021 at 6:48

Ranjith S

2051 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jacopo Sciampi · Accepted Answer · 2021-06-24 06:42:22Z

0

A simple way to convert string values to number is by using the unary plus operator +:

user.userId = +user.userId;

More reference here

answered Jun 24, 2021 at 6:42

Jacopo Sciampi

3,5142 gold badges27 silver badges52 bronze badges

1 Comment

Adir Dayan Over a year ago

It doesn't answer the question, he wants it to be converted automatically, not manually using "+" or "Number(..)"

Collectives™ on Stack Overflow

How do I automatically convert data from string to number in typescript and angular 11?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related