从类型为数字的输入元素进行双向绑定会生成用于离子输入的文本

Question

我有一个TypeScript对象来存储值，如下所示。

export class MyObject {
 amount: number;
 constructor(amount: number) {
  this.amount = amount;
 }
}

我的离子形式（HTML）如下所示。

<ion-content padding>
 <ion-list>
  <ion-item>
   <ion-label stacked>amount</ion-label>
   <ion-input type="number" [(ngModel)]="myObject.amount"></ion-input>
  </ion-item>
  <ion-item>
   <button ion-button (click)="debug()">go</button>
  </ion-item>
 </ion-list>
</ion-content>

我的页面备份代码如下所示（没有导入和修饰符）。

export class HomePage {
 myObject: MyObject;
 constructor(public navCtrl: NavController) {
  this.myObject = new MyObject(33.33);
 }
 debug() {
  console.log(this.myObject);
 }
}

当我修改金额值并单击“转到”按钮并观察JavaScript控制台时，我注意到myObject.amount字段值是字符串而不是数字。

{ "amount": "20" }

相反，我应该看到以下内容。

{ "amount": 20 }

关于如何解决此问题的任何想法？