'ion-option' не известен

Question

Я впервые играю в Ionic, изучая с самого начала, используя документацию по компонентам, и я застрял с этой ошибкой: Ошибки синтаксического анализа шаблона: 'ion-option' - это не известный элемент:

При использовании выбранного компонента таким образом:

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

Я искал и находил решения, подобные этому: Ионная кнопка, показывающая 'ion-button', не является известным элементом однако,использование чего-то вроде <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-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 2

<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 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 Select Ionic

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