离子选择默认值未在打字稿中加载

Question

我查看了 this question、this question 和 this question，但它们似乎都不够简单，足以满足我的需求。

<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 一旦有人真正点击了一个选项，即使是默认值。所以我可以不使用默认值，但这似乎有点错过了拥有默认值的意义。

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

Answer 1

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

this.selectbook = 'Return';

值Return的选项将在初始化时被选中。