2017-10-28 2 views
0

私はこのチュートリアルに従いました:https://forum.ionicframework.com/t/ion-select-with-icon/63059/10最後の解決策を確認名前が見つかりません - Ionic 3を選択してください

私は以下のように(ヘッダーの上に置かれている)アイコン をクリックする上での選択オプションメニューを表示します:

enter image description here

しかし、私はエラーを取得する:理由で、[選択]の名前を見つけることができませんこのビルドは失敗します。

コード

<ion-buttons end> 
<button ion-button icon-only (click)="someFunc()" > 
    <ion-icon name="icon-name"></ion-icon> 
</button> 
</ion-buttons> 

<ion-select #sectionSelect (ngModel)="selecteTopic" [selectOptions]="selectOptions" (ionChange)="topicChange($event,selecteTopic)"> 
    <ion-option value="0" selected="true">topic A</ion-option> 
    <ion-option value="1">topic B</ion-option> 
    <ion-option value="2">topic C</ion-option> 
    <ion-option value="3">topic D</ion-option> 
    <ion-option value="4">topic E</ion-option> 
    <ion-option value="5">topic F</ion-option> 
    <ion-option value="6">topic G</ion-option> 
    <ion-option value="7">topic H</ion-option> 
</ion-select> 

typescriptファイル

//Error here - cannot find name 'Select' 
@ViewChild('sectionSelect') sectionSelect: Select; 

selectOptions = { 
    title: 'Location', 
    subTitle: 'Select outlet location' 
}; 

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

someFunc(){ 
    this.sectionSelect.open(); 
    console.log('hello') 
} 

答えて

1

あなたがSelectをインポートすることを確認します。

import { Select } from 'ionic-angular'; 
関連する問題