Hide <ion-nav-buttons> with ng-hide/ng-show


#1

I’ve tried conditionally hiding and showing elements in ion-nav-buttons element and found it to be laggy. There’s time where both elements are visible making a jarring transition.

<ion-nav-bar class="bar-stable">
   <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left" ng-hide="option.extra"></button>
            <button class="button button-icon button-clear ion-android-arrow-back" ng-click="option.hideExtra()" ng-show="option.extra"></button>
        </ion-nav-buttons>
        <ion-nav-buttons side="right">
            <button class="button button-icon button-clear ion-android-color-palette" ng-show="option.extra"></button>
        </ion-nav-buttons>
</ion-nav-bar>

Is there a way to fix this I haven’t thought of? I’ve tried ng-if and ng-switch and the same thing happens.Please find Plunker for the same.