this.navCtrl.push 링크로 앵귤러 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

두 가지 옵션이 있습니다. id == 1이면 this.navCtrl.push (1Page) else if (id = 2) 등의 논리를 갖습니다.이 경우에 모두를 가져와야합니다. 미리 귀하의 페이지. 또 다른 옵션은 Lazy Loading을 사용하는 것이며, 문자열을 사용하여 페이지를 열 수 있습니다.

다음은 ionic github.com/mhartington/lazyLoad2- 구성 요소의 제작자가 사용하는 지연로드 앱의 예입니다.