Javascript 使用此.navCtrl.push链接的Angular Ionic3应用程序分页

我的分页有问题，我想用相同的指令推送到一些页面。以下是说明：

gotoCollection（idCollection）{
this.navCtrl.push（idCollection+'Page'）；}

根据CollectionId参数，push会转到一个或另一个页面，但问题是，如果我直接输入push名称，例如testPage，它会工作，但是如果我像idCollection+'page'那样构造testPage，它就不工作

这是因为一个是testPage，另一个是testPage

这是我的模板代码：

 <ion-content padding>
  <ion-grid>
    <ion-row>
      <ion-col *ngFor="let collection of collections" col-6 col-sm-3 col-md-3 col-lg-2 col-xl-2>
        <img (click)="gotoCollection(collection.id)" class="card-size" [src]="collection.url">     
        <p><strong>The collection ID is: {{collection.id}}</strong></p>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>

集合ID为：{{collection.ID}

---

谢谢

您有两种选择。。有这样的逻辑，如果id=1，那么这个.navCtrl.push（1Page）或者if（id=2）等等。。。在这种情况下，您需要事先导入所有页面。另一个选项是使用延迟加载，您可以使用字符串打开页面

---

下面是一个惰性加载应用程序的示例，它使用的是ionic github.com/mhartington/lazyLoad2组件的创建者提供的应用程序。

你能展示一下idCollection有什么功能吗？是的，圣地亚哥，很抱歉，这是模板调用：```El id de la colección:{collection.id}

``看起来还可以，这取决于collection.id拥有什么。您是否为集合中的每个id创建了所有这些页面？是的，当时只有两个页面，但在第一种情况下无法识别名称，但名称似乎是正确的。当您创建testPage时，您是否编写了“testPage”或testPage？