首页 文章

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

提问于
浏览 次
0

我看过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 ？），但筛选这些草堆是一个严峻的前景 . 提前致谢！

angular typescript ionic-framework ionic3 ion-select

1 回答

  • 1

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

    this.selectbook = 'Return';

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

    回复于

相关问题