错误:尝试从主页推送到更多信息页面时找不到名称“更多信息”

Question

我正在尝试在单击按钮时从主页加载更多信息页面，出现以下错误：

打字稿错误 找不到名称"更多信息页面"。

首页.html

<button [navPush]="moreinfoPage">More Info</button>

首页

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { MoreinfoPage } from 'pages/moreinfo/moreinfo'
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  moreinfoPage: MoreinfoPage;
  constructor(public navCtrl: NavController){}
}

我没有对默认文件夹结构进行任何更改。为什么找不到更多信息页面？

Answer 1

检查 NavPush。

您需要在构造函数中设置页面。

export class HomePage {
  moreinfoPage: MoreinfoPage;
  constructor(public navCtrl: NavController){
    this.moreinfoPage = MoreinfoPage;//here
}
}

Answer 2

想

通了。类型应设置为 any，并且需要将页面分配给变量。

moreinfoPage: any = MoreinfoPage;