Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 导航栏按钮-右侧_Angularjs_Html_Ionic Framework - Fatal编程技术网

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>