使用ng-hide / ng-show隐藏<ion-nav-buttons>

时间:2016-06-06 10:28:48

标签: angularjs ionic-framework

我试过有条件地隐藏和显示离子导航按钮元素中的元素,发现它是滞后的。有时候两个元素都可见,造成了一个不和谐的过渡。

<input type="button" class="btn btn-success myDialog" value="buy now"/>

有没有办法解决这个我没想过的?我已经尝试了ng-if和ng-switch,同样的事情发生了。请找Plunker同样的事情。

1 个答案:

答案 0 :(得分:1)

我已经使用ng-class解决了这个问题。 ng-show / ng-hide有点落后于ngclass。我已经更新了plunker,所以你可以检查一下。

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

请找到更新的Plunkr