离子html输入字段的类型号

Question

即使将输入字段定义为数字仍然作为组件中的字符串返回

<ion-input [(ngModel)]="salary" 
      (ngModelChange)="calc($event)"
       required
      type="number" 
      name="salary">
</ion-input>

在组件中，字段也被定义为数字

private salary: number;

为什么不以数字形式返回？

由于

Answer 1

这是known issue。

作为一种变通方法，您可以在输入上使用~/.vagrant.d/事件将值转换为数字，然后将其分配给类变量。

在您的模板中

ionChange

在您的组件中

<ion-input [ngModel]="salary"
      (ionChange)="transform($event)"
      required
      type="number" 
      name="salary">
</ion-input>

Answer 2

另一种解决方法：

private salary: number;

将其指定为， string ：

private salary: string;

然后让 ion-input 返回字符串

根据您的要求，将其整数或浮动进行投射：

parseInt(salary) 

如果您使用 typeOf 进行交叉检查，则会给出数字。