ionic 탭 당 3 개의 다른 사이드 메뉴가 선택되었습니다.

Question

아래에서 탭을 선택할 때 다른 사이드 메뉴가 필요합니다. 탭을 선택하면 사이드 메뉴가 변경되기를 바랍니다.

이 작업을 수행 할 수 있습니까? 예를 들어 app.html로

.hidden { 
    display: none; 
} 

:

감사 필

Answer 1

한 가지 방법은 (메뉴의 각 항목에) 조건부 클래스를 적용하는 것입니다

<ion-menu [content]="content"> 
    <!-- The side menu title --> 
    <ion-header> 
     <ion-navbar> 
      <ion-title>{{loc.translate.MENU}}</ion-title> 
     </ion-navbar> 
    </ion-header> 

    <ion-content> 
     <ion-list> 
      <!-- Show toggle only when first tab --> 
      <ion-item [class.hidden]="currentTab == firstTab" > 
       <ion-toggle (ionChange)="toggled()" ></ion-toggle> 
       <ion-label>Switch Wifi</ion-label> 
      </ion-item> 
      <!-- Show only when first tab --> 
      <button [class.hidden]="currentTab == firstTab" ion-item menuToggle> 
       <ion-icon item-start name="close"></ion-icon>tab 1 says hello 
      </button> 
      <!-- Show only when second tab --> 
      <button [class.hidden]="currentTab == secondTab" ion-item menuToggle> 
       <ion-icon item-start name="close"></ion-icon>tab 2 says hello 
      </button> 
      <!-- Show only when third tab --> 
      <button [class.hidden]="currentTab == thirdTab" ion-item menuToggle> 
       <ion-icon item-start name="close"></ion-icon>tab 3 item here 
      </button> 
      <!-- Show always --> 
      <button ion-item menuToggle> 
       <ion-icon item-start name="close"></ion-icon>CLose Menu 
      </button> 
     </ion-list> 
    </ion-content> 

</ion-menu> 

<ion-nav #content [root]="rootPage"></ion-nav> 

과에 당신의 app.component.ts youll은 현재 페이지 (또는 탭)을 가져 오는 길을 만들고 속성을가집니다. firstTab, secondTab 등을 페이지로 정의하면 현재 페이지와 비교할 수 있습니다.