이온 팝업에서 내비게이션이 작동하지 않습니다.

Question

응용 프로그램 개발에 이온 2와 각도 2를 사용하고 있습니다. ionic-angular modal.I을 사용하여 팝업을 만들었습니다. 팝업 메뉴에서 이온 내비게이션 (push) 메소드를 사용하여 다른 페이지로 이동해야합니다. 그러나 '그것은 내 목표를 달성하지 못했다. 다음 페이지가 동일한 구성 요소에로드됩니다.

openModal() { 

     let myModal = this.modalCtrl.create(CreateModal); 
     myModal.present(); 
    } 

이 기능은 팝업을 열 팝업을 여는 내 코드

합니다. 팝업 HTML에서 나는 클릭 기능을 가지고있다.

<h2 (click)="goTonext()" data-dismiss="create-modal" >Next page</h2> 

이 기능은 팝업을 닫고 같은 페이지에서 다음 페이지를로드하는 것입니다

goTonext() { 
     this.viewCtrl.dismiss(); 
    this.navctrl.push(NextPage 
      , { 
      id: res.status 
      } 
     ); 
} 

크리크 기능.

다음 페이지를 별도로로드하지 않습니다.

도와주세요!

Answer 1

this.view.dismiss()으로 전화 할 때 모달을 종료합니다.

의 조치를 취하고 싶다면을 기각 한 후, onDidDismiss()의 모달로 처리 할 수 ​​있습니다. 원래 구성 요소에서

,

openModal() { 

     let myModal = this.modalCtrl.create(CreateModal); 
     myModal.onDidDismiss(data=>{ 
      if(data){ 
      this.navctrl.push(NextPage 
      , { 
      id: data.status 
      } 
      } 
     ); 
     }); 
     myModal.present(); 
    } 

는 함수 호출을 기각에 res를 보냅니다.

this.viewCtrl.dismiss(res);