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会在有人实际点击某个选项时执行，即使是默认。所以我可以没有默认值，但这似乎有点没有默认值。

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

Answer 1

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

this.selectbook = 'Return';

在初始化时将选择值为Return的

选项。

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

1 个答案: