При двусторонней привязке из элемента ввода с номером типа получается текст для ионного ввода - PullRequest
Новая
       5

При двусторонней привязке из элемента ввода с номером типа получается текст для ионного ввода

0 голосов
/ 09 октября 2018

У меня есть объект 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 }

Есть идеи, как решить эту проблему?

...