Ionic2 - Popover(原始异常:TypeError:无法读取属性'创建未定义的)

时间:2016-06-28 15:38:09

标签: angular typescript ionic2 ionic3

当我尝试实施 Popover 时,我收到以下错误:

  

ORIGINAL EXCEPTION:TypeError:无法读取属性'创建'未定义的

这是我的代码:

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
 })
 }}

任何人都知道我为什么会这样做? 我认为在导入 Popover 时出现问题,因为我在导入 Popover 后执行以下操作:

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

我得到undefined所以问题就在那里。

1 个答案:

答案 0 :(得分:3)

我认为您错过了@Component

中的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
     });    
  }
}

有了这个(至少使用beta.9)popover正常运行。您可以在this plunker中使用此代码。