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

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. 但是我的打字稿似乎无法识别默认值(我得到通常的 jsundefined)。

我知道这并没有完全失败，因为this.selecthobbits总是得到正确的信息，一旦有人实际点击一个选项，即使是默认值，this.selectbook就会这样做。 所以我可以使用没有默认值，但这似乎有点错过了拥有默认值的重点。

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

Answer 1

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

this.selectbook = 'Return';

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