How to not animate ion nav bar animations when buttons are clicked?


#1

I have this nav bar:

<ion-nav-bar align-title="left" class="nav-bar">
  <ion-nav-back-button class="button-clear"  side="primary">
    <i class="nav-bar-back-arrow ion-android-arrow-back"></i>
  </ion-nav-back-button>
  <ion-nav-buttons class="button-clear" side="secondary">
    <button class="nav-bar-btn" ng-click="goToDashboard()">
      <img class="bdoard-btn" src="img/icons/ic_dboard_btn.png"/>
    </button>
  </ion-nav-buttons>
</ion-nav-bar>

I want to change the animation or no animation, I tried with nav-direction and nav-transition="none" but no success please hep


#2

Solved it: I used $ionicConfigProvider.views.transition('none'); in the app.js file inside the config:

  .config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider) {

    //no navegation animation transitions
    $ionicConfigProvider.views.transition('none');

#3

Inside your goToDashboard() function you can try

$ionicHistory.nextViewOptions({
  disableAnimate: true
});