Question

我是第一次涉足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

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

Answer 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更改了语法。

Answer 2

使用'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>

它按预期对我有用。谢谢

Answer 3

我使用了下面的代码并使它工作。离子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>

Answer 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/

“ ion-option”不是已知元素

4 个答案: