帶有 this.navCtrl.push 鏈接的 Angular Ionic3 應用程序分頁

Question

我的分頁有問題，我想使用相同的指令推送到某些頁面。 這是指令：

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

根據 CollectionId 參數，推送會轉到一頁或另一頁，但問題是如果我直接輸入推送名稱，例如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>

謝謝！

Answer 1

你有 2 個選項.. 有這樣的邏輯，比如 if id == 1 then this.navCtrl.push(1Page) else if (id = 2) etc ...在這種情況下，你需要事先導入所有頁面。 另一種選擇是使用延遲加載，您可以使用字符串打開頁面。

這是一個延遲加載應用程序的示例，該應用程序使用來自 ionic github.com/mhartington/lazyLoad2-components 的創建者。