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