如何在离子导航栏中显示后退按钮?

时间:2015-07-31 12:48:14

标签: html angularjs cordova ionic-framework

您好我正在使用包含标签和侧边菜单的模板。当我从一个页面导航到另一个我需要显示侧面菜单按钮和后退按钮我使用下面的模板

<ion-side-menus>

<ion-pane ion-side-menu-content>
    <ion-nav-bar class="nav-title-slide-ios7 bar-positive">
           <ion-nav-bar type="bar-positive"
                 back-button-type="button-icon"
                 back-button-icon="ion-ios7-arrow-back"
                 animation="nav-title-slide-ios7"
            >


    <ion-nav-view name="main"></ion-nav-view>
    <ion-footer-bar align-title="left" class="bar-calm">

        <ion-tabs class="tabs-positive" animation="slide-bottom-top">

            <ion-tab icon="ion-homepage" ui-sref="main.home">
                <ion-nav-view name="home-tab"></ion-nav-view>
            </ion-tab>

            <ion-tab  icon="ion-notification" ui-sref="main.notification">
                <ion-nav-view name="notification-tab"></ion-nav-view>
            </ion-tab>

            <ion-tab  icon="ion-searching" ui-sref="main.search">
                <ion-nav-view name="search-tab"></ion-nav-view>
            </ion-tab>

            <ion-tab  icon="ion-preference" ui-sref="main.preference">
                <ion-nav-view name="preference-tab"></ion-nav-view>
            </ion-tab>

        </ion-tabs>



    </ion-footer-bar>
</ion-pane>

<ion-side-menu side="left" animation="slide-left-right">

    <ion-content has-header="false">
        <ul class="list">
            <li><a ui-sref="main.test1" class="item horses" ng-click="toggleMenu()">Horses</a></li>
            <li><a ui-sref="main.test2" class="item races" ng-click="toggleMenu()">Races</a></li>
            <li><a ui-sref="main.twst3" class="item news" ng-click="toggleMenu()">News</a></li>
            <li><a ui-sref="main.t3tw" class="item clinic" ng-click="toggleMenu()">Clinic</a></li>
            <li><a ui-sref="main.homffe" class="item live" ng-click="toggleMenu()">Live</a></li>
            <li><a ui-sref="main.ters" class="item chats" ng-click="toggleMenu()">Chat</a></li>
            <li><a ui-sref="main.ters" class="item update" ng-click="toggleMenu()">Update</a></li>
            <li><a ui-sref="entry" class="item">Log Out</a>
        </ul>
    </ion-content>
</ion-side-menu>

 它只显示侧面菜单按钮后退按钮?

1 个答案:

答案 0 :(得分:0)

我认为你和这个家伙有同样的问题Ionic side menu not present on each view

如果您查看答案,它会尝试将侧面菜单按钮和后退按钮放在同一个位置,但一次只能显示一个,您需要更改按钮的位置,以便它们不会重叠使用某些按钮css指令而不是javascript指令,或者只是在页面上的其他位置添加另一个按钮。希望这有帮助!