'ion-option' 不是已知元素答案

【问题标题】：'ion-option' is not a known element'ion-option' 不是已知元素
【发布时间】：2019-08-08 15:39:30
【问题描述】：

我第一次涉足 Ionic，使用组件文档从头开始学习，但我遇到了这个错误：模板解析错误： 'ion-option' 不是已知元素：

以这种方式使用选择组件时：

<ion-select [(ngModel)]="gaming">
 <ion-option value="nes">NES</ion-option>
</ion-select>

我已经搜索并找到了这样的解决方案：Ionic button showing 'ion-button' is not a known element 但是，使用 <option ion-option value="nes">NES</option> 之类的东西是行不通的。甚至，我在我的模块中包含了schemas: [CUSTOM_ELEMENTS_SCHEMA] 行，但没有显示任何选项。我正在使用：

ionic (Ionic CLI) : 4.5.0 
Ionic Framework   : @ionic/angular 4.0.0-beta.16

如果有人可以帮助我，我将不胜感激。

【问题讨论】：

标签： ionic-framework

【解决方案1】：

<ion-item>
  <ion-label>Hair Color</ion-label>
  <ion-select value="brown" ok-text="Okay" cancel-text="Dismiss">
    <ion-select-option value="brown">Brown</ion-select-option>
    <ion-select-option value="blonde">Blonde</ion-select-option>
    <ion-select-option value="black">Black</ion-select-option>
    <ion-select-option value="red">Red</ion-select-option>
  </ion-select>
</ion-item>

ionic 4 改变了它的语法。

【讨论】：

谢谢，昨天我意识到还有另一个测试版的文档页面，但是，我必须说它不是那么明显，很难找到它。我想我会回到第 3 版。
您最好坚持使用 v3，直到 v4 处于 alpha 状态。试图切换，但这只是为了跟踪目的。

【解决方案2】：

我使用下面的代码并让它工作。离子 4

 <ion-item>
      <ion-select value="brown" ok-text="Okay" cancel-text="Dismiss">
      <ion-select-option value="brown">Brown</ion-select-option>
      <ion-select-option value="blonde">Blonde</ion-select-option>
      <ion-select-option value="black">Black</ion-select-option>
      <ion-select-option value="red">Red</ion-select-option>
    </ion-select>
</ion-item>

【讨论】：

【解决方案3】：

使用 'ion-option' 而不是 'ion-select-option'。

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="this.gender">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>
</ion-item>

它按预期对我有用。谢谢你

【讨论】：

我使用的是旧版本的 Ionic/Angular。这对我有用。

【解决方案4】：

请记住按照文档的建议使用，如果您是新手，请按照示例进行操作。

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="gender">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>
</ion-item>

此外，如果您需要修改或复杂的行为，Api Docs 是您最好的盟友。

API 选择离子

https://ionicframework.com/docs/api/components/select/Select/

【讨论】：