离子删除子页面中的标题徽标

时间:2016-12-05 12:26:34

标签: ionic-framework

我有这个Ionic App,其徽标在view-title中定义,如下所示:

<ion-view view-title="<img src='img/main-logo.png'>" ng-controller="ShoesCtrl as shoesItems">
...
</ion-view>

这会产生一个居中的徽标:

enter image description here

然后我在页面中有一些项目,这些项目会转到另一个模板:

<ion-view view-title="{{single.name}}">
    <ion-content direction="y" scrollbar-y="false">
        {{single | json}}
    </ion-content>
</ion-view>

当我点击一个项目时,这会在右页打开,而不是显示通常的&#34;返回&#34;按钮徽标向右移动,如下所示:

enter image description here

仅在iOS版本中发生这种情况。 如何仅删除子页面中的徽标并显示&#34;返回&#34;按钮。

索引是这样的:

<ion-nav-bar class="bar-stable">
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>

1 个答案:

答案 0 :(得分:1)

https://ionicframework.com/docs/api/directive/ionNavBackButton/

查看
<ion-nav-bar ng-controller="MyCtrl">
  <ion-nav-back-button class="button-clear"
    ng-click="myGoBack()">
    <i class="ion-arrow-left-c"></i> Back
  </ion-nav-back-button>
</ion-nav-bar>
function MyCtrl($scope, $ionicHistory) {
  $scope.myGoBack = function() {
    $ionicHistory.goBack();
  };
}

它会起作用。