嵌套导航栏视图中未显示离子后退按钮

Question

我有一个非常简单的用例，但后退按钮似乎没有显示。

在离子启动器侧菜单中，我想在点击任何导航栏链接时显示后退按钮，除了“主页”和“主页”之外。链接。

示例：http://plnkr.co/edit/0QvDB9snhlnsIfMHidbS

即使链接“浏览”也是如此。是播放列表的嵌套视图＆＃39; ，它没有显示后退按钮。

.state('app.browse', {
  url: "/playlists/browse",
  views: {
    menuContent: {
      templateUrl: "browse.html"
    }
  }
});

但是，这个单一的播放列表视图确实显示了后退按钮：

.state('app.single', {
  url: "/playlists/:playlistId",
  views: {
    menuContent: {
      templateUrl: "playlist.html",
      controller: 'PlaylistCtrl'
    }
  }
});

编辑：

所以我发现后退按钮显示＆＃39;浏览＆＃39;从“播放列表”中点击链接＆＃39;视图：

但它并没有表明同一时间的浏览情况。视图从导航栏加载：

Answer 1

我在我的应用程序中添加了类似的问题，我补充说：

立即低于browse.html中的<ion-view>开头。

<ion-nav-buttons side="left">
    <button class="button back-button buttons button-clear header-item" ng-click="goBack()">
      <i class="icon ion-ios-arrow-back"></i>
    </button>
</ion-nav-buttons>

在您的控制器中。

$scope.goBack = function() {
    $state.go('app.single');
}

*确保注入$scope。

如果您有任何问题，请发表评论。

Answer 2

如果从导航视图中点击链接，我实际上找到了显示后退按钮的方法：

不要在链接上使用href或ui-sref，而是从控制器调用$ state.go（）

<ion-list> 
    <ion-item menu-close ng-click="goTo('app.browse')">
        Browse
    </ion-item> 
</ion-list>

$scope.goTo = function(name){
        console.log("going to state: " + name);
        $state.go(name);
}