离子导航按钮不在离子导航栏上

Question

离子导航栏内的按钮不在线。

我有两个按钮，左侧和右侧。但是，右侧按钮偏离中心。

我的标记是：

<ion-nav-bar class="bar-positive"> 
     <ion-nav-buttons side="left"><button class="button button-icon ion-navicon" ng-click="openMenu()"></button></ion-nav-buttons> 
     <ion-nav-buttons side="right"><button class="button button-icon ion-power" ng-click="onOffService()"></button></ion-nav-buttons> 
     <ion-nav-view name="mainContent"></ion-nav-view> 
</ion-nav-bar> 

无CSS已经作了修改，这里是酒吧的样子：

Answer 1

ion-nav-view应该不包含内部ion-nav-bar，

http://ionicframework.com/docs/api/directive/ionNavBar/