Issues with Beta 14 ion-side-menus

ionic-v1
1

Code works fine with Beta 13, but issues with Beta 14.

  1. Initial page displays a back button where there is no back navigation established.

  2. Page has the word “Back” below the back icon. In the html, there seems to be a

    < span style=“transform: translate3d(0px, 0px, 0px);” class=“back-text”>< span class=“default-title”>Back< /span>< span class=“previous-title hide”>undefined< /span>< /span>

Where did this come from?

My code sample;

<ion-side-menus>

<ion-side-menu-content drag-content="false" edge-drag-threshold="100" ng-controller="MenuCtrl">

    <ion-nav-bar class="bar-header" ng-class="$root.cls">
        <ion-nav-back-button class="button-icon g-icon-arrow-left"></ion-nav-back-button>
        <!-- Attempt at Home button -->
        <!--<button class="button button-icon button-clear ion-home" ng-click="gotoHome()"></button>-->
        <ion-nav-buttons side="right">
            <button class="button button-icon button-clear g-icon-menu" data-ng-click="showRightMenu()">
            </button>
        </ion-nav-buttons>
    </ion-nav-bar>

    <!--menuContent is the nav-view where inheriting templates are included.-->
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

</ion-side-menu-content>

<ion-side-menu side="right">
    <ion-content>
        <div class="search-container">
            <div class="inner" menu-close ui-sref="app.search">
                <i class="icon g-icon-search"></i>
                Search
            </div>
        </div>

        <div>
            <img class="image-round menu-image"
                 src="http://www.annehelenpetersen.com/wp-content/uploads/2010/02/alec-baldwin-its-complicated-175x175.jpg" menu-close ui-sref="app.profile"/>
        </div>
        <span class="menu-username" menu-close ui-sref="app.profile">Alec Baldwin</span>
        <ion-list>
            <!-- jajoh: why next lines different? Also, methods need to be on the AppCtrl, not menuCtrl why? -->
            <ion-item menu-close data-ng-click="gotoHome()" class="item item-no-bg menu-item item-complex">
                <a class="item-content">Home</a>
            </ion-item>
            <ion-item menu-close data-ng-click="toIntro()" class="item item-no-bg menu-item item-complex">
                <a class="item-content">About</a>
            </ion-item>
            <ion-item menu-close ui-sref="app.invite" class="item item-no-bg menu-item">Invite Friends</ion-item>
            <ion-item menu-close ui-sref="app.contact" class="item item-no-bg menu-item">Contact Us</ion-item>
            <ion-item menu-close ui-sref="app.terms" class="item item-no-bg menu-item">Terms &amp; Privacy</ion-item>
            <ion-item menu-close ui-sref="app.logout" class="item item-no-bg menu-item">Sign Out</ion-item>

            <ion-item menu-close ui-sref="app.profile" class="item item-no-bg menu-item">Dev - Profile</ion-item>
            <ion-item menu-close ui-sref="app.product" class="item item-no-bg menu-item">Dev - Product</ion-item>
            <ion-item menu-close ui-sref="app.product-vid" class="item item-no-bg menu-item">Dev - Product (Video)</ion-item>
            <ion-item menu-close ui-sref="app.postDetails" class="item item-no-bg menu-item">Dev - Post Details</ion-item>
            <ion-item menu-close ui-sref="app.deckgrid" class="item item-no-bg menu-item">Dev - Deckgrid</ion-item>
            <!--<ion-item menu-close ui-sref="app.bio" class="item item-no-bg menu-item">Dev - Bio</ion-item>-->

            <!-- <ion-item menu-close ng-click="login()" class="item item-no-bg menu-item">Sign In</ion-item> -->
            <ion-item menu-close ui-sref="app.signup" class="item item-no-bg menu-item">Dev - Sign Up</ion-item>
            <ion-item menu-close ui-sref="app.signup-rallyin" class="item item-no-bg menu-item">Dev - Sign Up (RallyIn)</ion-item>
            <ion-item menu-close ui-sref="app.sign-in" class="item item-no-bg menu-item">Dev - Sign In (RallyIn)</ion-item>

            <ion-item menu-close ui-sref="app.reset-password" class="item item-no-bg menu-item">Dev - Reset Password</ion-item>
            <ion-item menu-close ui-sref="app.change-password" class="item item-no-bg menu-item">Dev - Change Password</ion-item>
            <ion-item menu-close ui-sref="app.login" class="item item-no-bg menu-item">Dev - Login</ion-item>
            <ion-item menu-close ui-sref="app.customers" class="item item-no-bg menu-item">Dev - Customers</ion-item>
        </ion-list>

    </ion-content>
</ion-side-menu>
2

Please read the configuration docs as what you are describing is related to this.

http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

The back button text is injected as part of our default configuration, but it can be changed.

As for the back button being displayed, can you put together a codepen with this?