이오닉 2 - 사이드 메뉴의 로그 아웃 탭

Question

이오 딕 2 사이드 메뉴에 로그 아웃 탭을 추가하려면 어떻게해야합니까? 로그인되어 있으면 DashboardPage에 있습니다. 지금은 홈페이지로 이동하는 메뉴 항목 "로그 아웃"이 있습니다.

this.pages = [ 
    {title: 'Dashboard', component: DashboardPage}, 
    ... 
    {title: 'Logout', component: HomePage} 
]; 

하지만 지금은 로그 아웃 뒤에 논리를 추가하고뿐만 아니라 페이지 전환 할 필요가 : 여기에 모든 메뉴 항목과 app.component.ts의 페이지의 배열입니다. HomePage로만 이동하는 대신 Logout 탭을 클릭하면 logout() 함수를 호출 할 수 있습니까?

편집 : 당신은 당신의 방법에 로그 아웃 옵션에 널 (null)로 다음

this.pages = [ 
    {title: 'Dashboard', component: DashboardPage}, 
    ... 
    {title: 'Logout', component: null} 
]; 

및 구성 요소를 설정할 수 있습니다

openPage(page) { 
    this.nav.setRoot(page.component); 
} 

Answer 1

:

다음

가 openPage 기능입니다

openPage(page) { 
    if(page.component) { 
     this.nav.setRoot(page.component); 
    } else { 
     // Since the component is null, this is the logout option 
     // ... 

     // logout logic 
     // ... 

     // redirect to home 
     this.nav.setRoot(HomePage); 
    } 
} 

Answer 2

나는 이것이 응답되었음을 알고 있지만, 누구든지이 점을 유용하게 생각할 수있다.

this.pages = [ 
     {title: 'Dashboard', component: DashboardPage}, 
     {title: 'Logout', component: HomePage}, 
     {title: 'Share', component: ''} 
    ]; 

    openPage(page) { 

     switch (true) { 

      case ((page.title == 'Logout')): { 
      console.log('Clicked Logout button'); 
      // this.logout(); // call logout logic method 
      } 
       break; 

      case ((page.title == 'Share')): { 
      console.log('Clicked Share button'); 
      // this.share(); call share logic method 
      } 
       break; 

      default: { 
      this.nav.setRoot(page.component); 
      } 
       break; 
     } 

    }