Angular 类型为number的输入字段

Angular 类型为number的输入字段,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,即使将输入字段定义为数字,在组件中仍然以字符串形式返回 <ion-input [(ngModel)]="salary" (ngModelChange)="calc($event)" required type="number" name="salary"> </ion-input> 为什么它不作为一个数字返回 谢谢这是一个好主意 作为一种解决方法,您可以使用输入上的ionChange事件将值转换为数字,然后将其分配给

即使将输入字段定义为数字,在组件中仍然以字符串形式返回

<ion-input [(ngModel)]="salary" 
      (ngModelChange)="calc($event)"
       required
      type="number" 
      name="salary">
</ion-input>
为什么它不作为一个数字返回

谢谢

这是一个好主意

作为一种解决方法,您可以使用输入上的
ionChange
事件将值转换为数字,然后将其分配给类变量

在模板中


在您的组件中

<ion-input [(ngModel)]="salary" 
      (ngModelChange)="calc($event)"
       required
      type="number" 
      name="salary">
</ion-input>
转换(事件){
//乘以1转换为数字
this.salary=event.value*1;
}
另一个解决方法:

private salary: number;
将其指定为,字符串,而不是类型编号:

private salary: string;
然后让离子输入返回字符串

根据您的要求将其转换为整数浮点,如下所示:

parseInt(salary) 

如果您使用typeOf进行交叉检查,就我所知,它将给出编号

。但是你能举个plnkr的例子吗?这个calc()函数中有什么?@GabrielBarreto现在我只是console.log