類型的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 。