2016-06-28 3 views
0

私はポップオーバー実装しようとしたとき、私は、次のエラーを取得しています:ここでIonic2 - ポップオーバー(元の例外:例外TypeErrorは:プロパティを読み取ることができません未定義の「を作成」)

ORIGINAL EXCEPTION: TypeError: Cannot read property 'create' of undefined

は私のコードです:

import {Popover, Page, NavController, MenuController, NavParams} from 'ionic-angular'; 

@Component({ 
template: 'This is a popover' 
}) 

class MyPopover{} 

export class HomePage { 

constructor(nav, http, navParams) {} 

//PopOver 
    showPopover(ev){ 
    let popover = Popover.create(MyPopover); 
    this.nav.present(popover, { 
     ev: ev 
}) 
}} 

なぜ私はこれを取得しているのですか?

console.log("Popover object : ",{Popover})

私はundefinedを取得していますので、ほとんど問題があります: 私はちょうどポップオーバーをインポートした後、以下のやっているようポップオーバーのインポート中に問題があることを信じています。

+0

現在、どのIonic 2バージョンが使用されていますか? Popoverは最近追加されたばかりです。最新のベータ版に更新してみてください。 –

+0

Ionic2 Beta 7を使用しています。 –

+0

Beta 10にアップグレードしてください(本日時点の最新)。リリースノートは次のとおりです:https://github.com/driftyco/ionic/blob/master/CHANGELOG.md –

答えて

3

は、私はあなたがpopoverが正常に動作していることで、あなたのHomePage

@Component({ 
    template: `This is a popover` 
}) 

export class MyPopover{} 


// This @Component declaration was missing in your code 
@Component({ 
    templateUrl:"build/pages/home/home.html" 
}) 
export class HomePage { 

    constructor(private nav: NavController) { }  

    //PopOver 
    public showPopover(ev){ 
    let popover = Popover.create(MyPopover); 
    this.nav.present(popover, { 
     ev: ev 
    });  
    } 
} 

@Componentを行方不明(と少なくともbeta.9を使用して)されたと思います。あなたはthis plunkerにこのコードで遊ぶことができます。

関連する問題