離子HTML輸入字段

Question

即使限定輸入字段作爲數在組件

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

仍然作爲字符串返回在如井的字段被定義爲一個數

private salary: number; 

組件

爲什麼它不作爲數字返回？

謝謝

Answer 1

這是一個known issue。

作爲解決方法，您可以使用輸入上的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; 
}