ion-select 默认值未加载到打字稿中

Question

我看过 , , and this question，但其中 none 似乎很简单，足以满足我的需求。

<ion-list>
  <ion-item>
    <ion-label>Select Book</ion-label>
    <ion-select [(ngModel)]="selectbook" value="Return">
      <ion-option value="Hobbit">The Hobbit</ion-option>
      <ion-option value="Fellow">The Fellowship of the Ring</ion-option>
      <ion-option value="Towers">The Two Towers</ion-option>
      <ion-option value="Return" selected="true">The Return of the King</ion-option>
    </ion-select>
  </ion-item>
</ion-list>

<ion-item>
  <ion-label>Number of Hobbits</ion-label>
  <ion-input type="number" [(ngModel)]="selecthobbits" [min]="1" [max]="150" value="1"></ion-input>
</ion-item>

然后有一个按钮（在 .ts 文件中）使用 this.selecthobbits 和 this.selectbook。但是我的打字稿似乎无法识别默认值（我得到了通常的 js undefined）。

我知道这并不是完全失败，因为 this.selecthobbits 总能获得正确的信息，而 this.selectbook 会 一旦有人实际点击了一个选项，即使是默认的。所以我可以不使用默认值，但这似乎有点忽略了使用默认值的意义。

有谁知道我使用哪种语法（我尝试了 none、两种语法，以及每种语法）来获取打字稿选择的默认值是正确的，或者是否还有另一种语法？坦率地说，似乎我可能必须导入一些额外的模块才能访问它（例如 [value] 与 value？），但在这些干草堆中筛选是一个严峻的前景。提前致谢！

Answer 1

从 ion-select 中删除 value="Return"，从 ion-option 中删除 selected="true"，在 ionViewDidLoad 中的 .ts 文件中或您的任何生命周期正在使用，写在下面行

this.selectbook = 'Return';

初始化时将选择值为 Return 的选项。

ion-select 默认值未加载到打字稿中

ion-select default value not loading in typescript

typescript

ionic-framework

ionic3

angular

ion-select