离子2:是否可以将页面作为参数传递给navCtrl.push?

时间:2018-08-23 17:05:17

标签: angular ionic2

我开始使用Ionic,我想使用一个函数进行导航,而不是为每个链接使用一个函数,并将页面作为事件的参数传递。例如,这可以正常工作:

navRegisterPage(){
  this.navCtrl.push(RegisterPage);
}

navLoginPage(){
  this.navCtrl.push(LoginPage);
}

但是我想做类似的事情:

goToPage(page){
  this.navCtrl.push(page);
}

并将页面作为这样的参数传递:

<button ion-button secondary (click)="goToPage(RegisterPage)">Ingresar</button>

可以做到吗?我尝试了它,但不断收到错误消息:“错误错误:未捕获(承诺):要插入的视图无效”

1 个答案:

答案 0 :(得分:1)

在延迟加载中有效(将组件名称作为字符串传递):

<button ion-button secondary (click)="goToPage("RegisterPage")">Ingresar</button>

goToPage(page: string){
  this.navCtrl.push(page);
}

也许它也可以正常加载,请尝试