angular - number 使用 NgModel 绑定(bind)变成字符串

Question

我不理解 Typescript 和 Angular 的这种行为。

我的组件.html

  <ion-select [(ngModel)]="creditAmount"
              (ngModelChange)="onChangeCreditAmount()">
    <ion-option value="25" selected="true">25€</ion-option>
    <ion-option value="50">50€</ion-option>
    <ion-option value="75">75€</ion-option>
    <ion-option value="100">100€</ion-option>
  </ion-select>

我的组件.ts

  creditAmount: number;

  constructor() {
    this.creditAmount = 25;
    console.log(this.creditAmount);
  }
  onChangeCreditAmount() {
    console.log(this.creditAmount);
  }

在构造函数中，creditAmount 是一个数字。在 onChangeCreditAmount方法，它变成了一个字符串。

我发现的唯一解决方法是使用显式转换: Number(this.creditAmount)但这对我来说似乎很老套。有没有更好的办法 ？谢谢。

Answer 1

Typescript 仅有助于编译时间。结果仍然是一些 JavaScript，它不是类型安全的。所以你可以分配creditAmount一个数字、一个字符串、一个数组或任何你喜欢的东西。
NgModel似乎只适用于字符串，所以如果你需要一个数字，你必须解析它。对不起 :-(