Question

我遇到分页问题，我想用同样的指令推送一些页面。这是指令：

gotoCollection(idCollection){ this.navCtrl.push(idCollection + 'Page'); }

根据CollectionId参数，推送到一个页面或另一个页面，但问题是，如果我直接推送名称，例如 testPage 它可以工作，但如果我构建testPage像idCollection + 'Page'它不起作用。

这是因为一个是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>

谢谢！

Answer 1

你有2个选项..有逻辑说明如果id == 1然后this.navCtrl.push（1Page）否则如果（id = 2）等...在这种情况下你需要导入所有你的事先的页面。另一个选项是使用延迟加载，您可以使用字符串打开页面。

以下是使用离子github.com/mhartington/lazyLoad2-components创建者的Lazy Loading应用程序示例。

Angular Ionic3 app与this.navCtrl.push链接分页

1 个答案: