掌上商铺开发过程中遇到了不同界面导航条会闪的bug。

经过排查发现是因为ion-nav-bar在各个界面中被重置所导致的。

因为导航条存在不同界面，所以在每个界面都添加了ion-nav-buttons。由于经验不足，多添加了ion-nav-bar导致了下面的这个效果。

根据文档http://ionicframework.com/docs/api/directive/ionNavButtons/ 显示，如果要重置导航条样式，只需要使用ion-nav-buttons即可。

这样子就不会闪一下了。

对比一下前后的代码：

修改前

<ion-view view-title="商家" id="tab-shop">
 <ion-nav-bar class="bar-energized">
 <ion-nav-buttons side="right">
 <button class="button button-clear" ui-sref="shop-search"><i class="icon ion-ios-search"></i></button>
 </ion-nav-buttons>
 </ion-nav-bar>
 <ion-content class="has-footer”> 
 ...
 ... 

修改后

<ion-view view-title="商家" id="tab-shop">
 <ion-nav-buttons side="right">
 <button class="button button-clear" ui-sref="shop-search"><i class="icon ion-ios-search"></i></button>
 </ion-nav-buttons>
 <ion-content class="has-footer”> 
 ...
 ...