Onsen UI의 탭 막대가있는 슬라이딩 메뉴

Onsen UI를 사용하여 슬라이딩 메뉴로 탭 된 막대 인터페이스를 만드는 데 문제가 있습니다. 문제는 슬라이딩 메뉴에서 항목을 클릭하면 탭 표시 줄이 사라집니다. 여기 내 코드입니다 :Onsen UI의 탭 막대가있는 슬라이딩 메뉴

index.html을

<ons-sliding-menu 
    behind-page="views/menu.html" above-page="views/tab-bar.html" side="left" 
    type="reveal" max-slide-distance="300px" swipable="true"> 
</ons-sliding-menu>

보기/menu.html

<ons-page style="background-color: white"> 
    <ons-list> 
     <ons-list-item 
     modifier="chevron" 
     ng-click="ons.slidingMenu.setMainPage('views/home.html', {closeMenu: true})"> 
     <i class="fa fa-home fa-lg" style="color: #666"></i> &nbsp; Noticias 
     </ons-list-item> 
     <ons-list-item 
     modifier="chevron" 
     ng-click="ons.slidingMenu.setMainPage('views/settings.html', {closeMenu: true})"> 
     <i class="fa fa-gear fa-lg" style="color: #666"></i> &nbsp; Reportar Pago 
     </ons-list-item> 
    </ons-list> 
</ons-page>

보기/탭 bar.html에는

<ons-tabbar var="barra"> 
    <ons-tabbar-item 
     active="true" 
     label="Home" 
     icon="home" 
     page="views/home.html"> 
    </ons-tabbar-item> 
    <ons-tabbar-item 
     label="Camera" 
     icon="camera" 
     page="views/camera.html"> 
    </ons-tabbar-item> 
    <ons-tabbar-item 
     label="Settings" 
     icon="gear" 
     page="views/settings.html"> 
    </ons-tabbar-item> 
</ons-tabbar>

출처

2014-08-31 arielcr

일반적으로 slidingMenu는 범주를 전환하는 데 사용됩니다.
tabbar는 하위 카테고리를 전환하는 데 사용됩니다.
그러나 코드에서 slidingMenu와 tabbar는 같은 역할을하는 것처럼 보입니다.

그런 경우 slidingMenu는 독립적으로 작동 할 필요가 없습니다.
따라서 menu.html이

<ons-page style="background-color: white"> 
    <ons-list> 
     <ons-list-item 
     modifier="chevron" 
     ng-click="barra.setActiveTab(0); app.slidingMenu.closeMenu();"> 
     <i class="fa fa-home fa-lg" style="color: #666"></i> &nbsp; Noticias 
     </ons-list-item> 
     <ons-list-item 
     modifier="chevron" 
     ng-click="barra.setActiveTab(2); app.slidingMenu.closeMenu();"> 
     <i class="fa fa-gear fa-lg" style="color: #666"></i> &nbsp; Reportar Pago 
     </ons-list-item> 
    </ons-list> 
</ons-page>

출처

2014-09-02 05:25:28 KNaito

에 의해 대체되어야한다 나는 당신과 내 코드를 변경하고 그것을 확인했다,하지만 실제로 내가 원하는 변경하지 않는 앱의 내용 안에 다른 뷰 (페이지)를로드하는 것입니다 다른 앱 탭으로 이동하여 탭 막대를 그대로 둡니다. 이것을 할 수있는 방법이 있습니까? – arielcr

slidingMenu로 전환 한보기 (페이지)가 tabbar 항목에 속하지 않지만 동일한 tabbar가 계속 표시된다고합니까? 신청서 페이지 구조를 보여주십시오. – KNaito

슬라이딩 메뉴에 나열된 페이지를 열면되지만 해당 페이지는 탭 표시 줄에 없습니다. 그게 가능하니? – arielcr

Onsen UI의 탭 막대가있는 슬라이딩 메뉴

답변

관련 문제