如何在ionic 3中创建下拉组件

ionic start myApp blank

cd myApp
ionic serve

ionic generate page dropdown

<ion-header>
  <ion-navbar>
    <ion-title>
      Ionic Dropdown
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-item>
    <ion-label>Select an option</ion-label>
    <ion-select [(ngModel)]="selectedOption">
      <ion-option value="option1">Option 1</ion-option>
      <ion-option value="option2">Option 2</ion-option>
      <ion-option value="option3">Option 3</ion-option>
    </ion-select>
  </ion-item>
</ion-content>

import { Component } from '@angular/core';

@Component({
  selector: 'page-dropdown',
  templateUrl: 'dropdown.html',
})
export class DropdownPage {
  selectedOption: string;

  constructor() {}

  ionViewDidLoad() {
    console.log('Dropdown page loaded');
  }
}

import { DropdownPage } from '../pages/dropdown/dropdown';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    DropdownPage
  ],
  entryComponents: [
    MyApp,
    HomePage,
    DropdownPage
  ],
  ...
})
export class AppModule {}

import { DropdownPage } from '../pages/dropdown/dropdown';

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage:any = DropdownPage;
}

ionic serve