2017-01-05 4 views
2

이온 탭이있어서 내 탭에 대한 뒤로 버튼을 숨기고 싶습니다. 그것은 가능한가? 내 페이지의 전체 탭은 어때요? 당신이 코드를 보면 내가 그것을 사용하지 않을하지만 분명히 문제가 해결되지 않을 경우 내가 ""= 숨기기 백 버튼을 "진정한 덧붙였다.이오니아 뒤로 버튼 숨기기

내가 이런 일을하고 싶습니다.

<ion-tabs menu-close class="tabs-positive tabs-icon-top margin"> 

<ion-tab title="Top Picks" icon="ion-m-food" href="#/app/foodlist"> 
</ion-tab> 
<ion-tab title="Locations" icon="ion-m-map" href="#/app/map-view"> 
</ion-tab> 
<ion-tab title="Vendors" icon="ion-ion-chef" href="#/app/explore" hide-back-button="true"> 
</ion-tab>  
</ion-tabs> 
. 당신의 #/App/explore 템플릿 HTML에서

답변

2

는 전 explore.html

추가 :

<ion-nav-bar> 
     <ion-nav-buttons side="left"> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
0 이 같은

:

이 같은
<ion-view> 
    <ion-nav-bar> 
     <ion-nav-buttons side="left"> 
     </ion-nav-buttons> 
    </ion-nav-bar> 
    <ion-content> 
    ... 
    </ion-content> 
</ion-view> 

및 유지 index.html :

<ion-nav-view> 

<!-- keep empty --> 

</ion-nav-view> 
+0

이것은 도움이된다! 뒤로 버튼 대신 메뉴 버튼이 있습니다. 현재 솔루션을 사용하면 뒤로 버튼 (위대함)이 제거되지만 메뉴 버튼도 제거됩니다. 메뉴 버튼을 탐색 템플릿에 직접 추가하면됩니다. 'menu-toggle = "left"로 표시하지 않고, 표시하지 않습니다. –

+0

<버튼 메뉴 "button button-icon icon ion-navicon"> Chaoyenpo

2

당신은 그 ion-tabtrue 등을 위해 ion-viewhide-back-button을해야한다.

<ion-view hide-back-button=true> 

codepen에서 this 예제를 확인하십시오.

0

3 페이지 + 사이드 메뉴가있는 탭이 있습니다. 추천을 받아서 최종 해결책은 다음과 같습니다.

탭의 모든 페이지에 대한 menu.html

<ion-nav-bar class="bar-stable"> 
     <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-ios-person-outline" menu-toggle="left"> 
     </button> 
    </ion-nav-buttons> 
</ion-nav-bar> 

. 나는 추가했다

<ion-view hide-back-button=true> 
... 
<ion-nav-buttons side="left"> 
    <button menu-toggle="left" class="button button-icon icon ion-ios-person-outline"> 
    </button> 
</ion-nav-buttons> 
... 
<ion-tabs menu-close class="tabs-positive tabs-icon-top margin"> 
<ion-tab title="Top Picks" icon="ion-m-food" href="#/app/foodlist"> 
</ion-tab> 
<ion-tab title="Locations" icon="ion-m-map" href="#/app/map-view"> 
</ion-tab> 
<ion-tab title="Vendors" icon="ion-ion-chef" href="#/app/explore" hide-back-button="true"> 
</ion-tab>  
</ion-tabs>