Angularjs 导航栏按钮-右侧
我第一次开始使用离子。目前,我有一个Angularjs 导航栏按钮-右侧,angularjs,html,ionic-framework,Angularjs,Html,Ionic Framework,我第一次开始使用离子。目前,我有一个列表视图,移动到列表中时会出现“后退”按钮 <ion-nav-bar class="bar-stable nav-title-slide-ios7"> <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back"> Back </ion-nav-back-button> </ion-nav-bar> 返回 现在如何在屏幕
列表视图
,移动到列表中时会出现“后退”按钮
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">
Back
</ion-nav-back-button>
</ion-nav-bar>
返回
现在如何在屏幕右侧添加一个按钮,并且只在移动到列表中时出现?您可以使用
全面实施(左侧和右侧)(从):
这就是我最后做的:
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">
Back
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-clear button-positive" ng-click="reset()">
Refresh
</button>
</ion-nav-buttons>
</ion-nav-bar>
返回
刷新
就是您要寻找的:
我花了很长时间才找到,但效果非常好。只需将side=“right”
作为属性
如果这在文档中更加明显,那就太好了
用户详细信息
此解决方案的问题在于它没有使用导航栏,因此您将失去路由系统提供的状态管理。阅读更多关于这两种方法之间差异的信息:这不会给我所有标签上的按钮吗?如果我有多个选项卡,并且需要基于选项卡的不同按钮,该怎么办。有没有类似的解决方案。我不想使用离子标题栏
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">
Back
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-clear button-positive" ng-click="reset()">
Refresh
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-bar class="bar-stable nav-title-slide-ios7">
<ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">
Back
</ion-nav-back-button>
<ion-nav-buttons side="right">
<button class="button button-clear button-positive" ng-click="reset()">
Refresh
</button>
</ion-nav-buttons>
</ion-nav-bar>