类型的ionic html输入字段

Question

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

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

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

private salary: number;

为什么它不返回数字？

谢谢

Answer 1

这是一个已知问题 。

解决方法是，可以在输入上使用ionChange事件将值转换为数字，然后将其分配给类变量。

在您的模板中

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

在你的组件中

transform(event) {
  // Multiply by 1 to transform to number
  this.salary = event.value * 1;
}

Answer 2

另一个解决方法：

private salary: number;

代替类型号，将其指定为， 字符串 ：

private salary: string;

然后让离子输入返回字符串

根据您的要求将其强制转换为整数或浮点型 ，如下所示：

parseInt(salary) 

如果您使用typeOf进行交叉检查，它将给出number 。