this.navCtrl.pushリンクを使用した角型Ionic3アプリのページ設定

Question

ページネーションに問題がありますが、私は同じ命令でいくつかのページにプッシュしたいと思います。これは命令です：

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

CollectionIdパラメータに依存プッシュは1ページまたは別のに行くが、問題は、私はtestPageたとえばのために、直接プッシュで名前を入れた場合、それがなく、動作することですもし私がidCollection + 'Page'のようなtestPageを作ったら、それはうまくいきません。

1つはtestPageでもう1つは「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）else if（id = 2）などのようなロジックがあります。あらかじめあなたのページ。もう1つのオプションはレイジーローディングを使用することです。そこでは文字列を使用してページを開くことができます。

以下は、ionic github.com/mhartington/lazyLoad2-コンポーネントの作成者が使用するLazy Loadingアプリケーションの例です。