2016-06-19 13 views
4

ionic2에 작은 앱을 만들어보고 배우려고했지만 탐색에 문제가 있습니다.이온이 포함 된 사이드 메뉴가있는 nav.push 사용 2

실제로 나는 rootpage (부두 변경 nav.setRoot)과 "일반"페이지 (nav.push으로 추가) 사이의 차이점을 잘 이해하고 있습니다. 것은 내 애플 리케이션을위한 사이드 메뉴를 열 수 있어야합니다 (이것은 rootpage에 괜찮지 만 두 번째 페이지 유형에서는 정상이 아니며 다시 돌아갈 수 있어야합니다.) 푸시 페이지에서는 괜찮지 만 루트 페이지에서는 그렇지 않습니다).

나를 위해이 유형의 페이지는 푸시되어야하며 루트 페이지가 아니라이 유형의 페이지에서 어떻게 사이드 메뉴를 반박합니까?

감사합니다.

답변

11

편집 :

무엇 당신의 ion-menu 항목에서 persistent="true" 사용에 대한? 당신은 Ionic2의 문서에서 볼 수있는 것처럼 :

영구 메뉴 영구 메뉴를 탐색 스택의 모든 페이지에 네비게이션 바에있는 MenuToggle 버튼을 표시합니다. 메뉴를 영속화 시키려면 을 요소에 대해 true로 설정하십시오. 이 경우 은 영구적으로 true로 설정된 메뉴에 연결된 NavBar의 MenuToggle 단추에만 영향을 주며 다른 MenuToggle 단추는 영향을받지 않습니다. 이 영향을받습니다.

그래서 app.html가 될 woul : 그것은 작동

<ion-menu [content]="content" persistent="true"> 

    <ion-toolbar> 
    <ion-title>Pages</ion-title> 
    </ion-toolbar> 

    <ion-content> 
    <ion-list> 
     <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
     <button menuClose ion-item (click)="logout()">Logout</button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 
+1

! 고마워요 :) – qchap

+1

완벽하게 작동합니다. 감사. – cnz81

+0

기꺼이 도와 드리겠습니다. – sebaferreras