2016-12-07 1 views
5

이 스크린 캡쳐에서 언급 한 뒤로 버튼의 클릭 동작을 사용자 정의하고 싶습니다. 나는 이전 페이지로 돌아 가지 않고 자기가 지정한 페이지로 돌아가거나, 돌아 가기 전에 치료를하기를 원한다.이온 2 사용자 정의 뒤로 버튼 동작

screenshot

+0

이온 성 3에서 테스트되었습니다. 나는 ionic이 기본적으로 자식 페이지에이 아이콘을 제공한다고 생각합니다. –

+0

나는 이전 페이지로 돌아 가지 않고 자신을 지정하는 페이지로 돌아가거나 다시하기 전에 치료를 원합니다. – BeliliF

답변

0

당신은 ionViewCanLeave or ionViewWillLeave 이벤트를 사용하려고 할 수 있습니다.

"뒤"탐색을위한 휴가 이벤트를 구별하는 제안이있는 issue #9533을 참조하십시오. 일단 구현되면 유스 케이스에 유용 할 수 있습니다.

8

기본 되돌아 가기 버튼 동작을 사용자 정의하려면 navBar 구성 요소의 메서드를 backButtonClick()보다 우선 적용해야합니다.

1 단계 :"custom-class.ts" import Navbar 구성 요소. auxMethod를 작성하여 기본 동작을 재정의하고 ionViewDidLoad 메소드에서 호출하십시오.

import { Navbar } from 'ionic-angular'; 
import { ViewChild } from '@angular/core'; 

export class myCustomClass { 
    @ViewChild(Navbar) navBar: Navbar; 

    ionViewDidLoad() { 
     this.setBackButtonAction() 
    } 

    //Method to override the default back button action 
    setBackButtonAction(){ 
     this.navBar.backButtonClick =() => { 
     //Write here wherever you wanna do 
      this.navCtrl.pop() 
     } 
    } 
} 

이 코드

은 당신이 원하는 사용자 정의 어떤 종류의

+0

정말 고마워. :) – sebaferreras