Ionicframework version update changes my sidemenu - lost title

I am using ionic-animated-drawer as a sidebar. It worked with Ionic, v1.0.0-rc.5. Here is a live demo

When I update my ionic signal from Ionic, v1.0.0-rc.5 to Ionic, v1.0.0. The sidebar title is gone. In detail, he changed the structure of my layout. He adds some news classes. Nothing has changed, but only Ionic.bundle.js to the new version.

Thanks for helping everyone.

enter image description hereenter image description here

<!-- // some html differences by each version -->

Ionic, v1.0.0-rc.5.
<ion-nav-bar class="bar-stable nav-title-slide-ios7 has-tabs-top bar bar-header nav-bar disable-user-behavior no-animation">
<div class="buttons left-buttons"> </div>
<h1 class="title ng-binding" ng-bind-html="title">Menu</h1>
<div class="buttons right-buttons"> </div>
</ion-nav-bar>

Ionic, v1.0.0.
<ion-nav-bar class="bar-stable nav-title-slide-ios7 has-tabs-top nav-bar-container" nav-bar-transition="ios">
<div class="nav-bar-block" nav-bar="cached">
<div class="nav-bar-block" nav-bar="active">
</ion-nav-bar>

      

I need to update my version to re-work the collection. How do I change the sidebar to work with version updates?

Here is my sidemeun template.

<ion-side-menus>
  <!-- NAV bar -->
  <ion-nav-bar class="bar-positive nav-title-slide-ios7 has-tabs-top">
    <ion-nav-back-button class="button-clear icon ion-android-arrow-back"></ion-nav-back-button>
    <ion-nav-buttons side="left">
      <button class="button button-icon icon ion-navicon" drawer-toggle animation="true">
      </button>
    </ion-nav-buttons>
  </ion-nav-bar>
  <!-- Center content -->
  <ion-side-menu-content>
    <ion-nav-view name="mainContent" animation="slide-left-right"></ion-nav-view>
  </ion-side-menu-content>

  <!-- Left menu -->
  <drawer side="left">  
      <ion-nav-bar  class="bar-stable nav-title-slide-ios7 has-tabs-top"> 
    </ion-nav-bar>  
    <ion-view title="Menu">
      <ion-content>
        <ion-list>
          <ion-item nav-clear menu-close ui-sref="app.home" drawer-toggle animation="true">Home</ion-item>
          <ion-item nav-clear menu-close ui-sref="#" drawer-toggle animation="true">sub menu 1</ion-item>
          <ion-item nav-clear menu-close ui-sref="#" drawer-toggle animation="true">sub menu 2</ion-item>
          <ion-item nav-clear menu-close ui-sref="#" drawer-toggle animation="true">sub menu 3</ion-item>
        </ion-list>
      </ion-content>
    </ion-view>
  </drawer>
</ion-side-menus>

      

+3


source to share





All Articles