离子后退按钮不起作用答案

【问题标题】：Ionic back button not working离子后退按钮不起作用
【发布时间】：2017-04-13 15:44:01
【问题描述】：

您好，我的项目中的后退按钮有问题。其中一个视图是新闻源，当我单击新闻项目以查看完整内容时，我会转到相应的视图。在这个视图中，我显示了新闻的全部内容和一个后退按钮。

这是这 2 个视图的路由器配置：

  $stateProvider
        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu/html/menu.html",
            controller: 'menuCtrl'
        }) //root

        .state('app.news-full-list', {
            url: "/news",
            params:{
               isAnimated:true
            },
            views: {
                'menuContent': {
                    templateUrl: "templates/cholnews/news_full.html",
                    controller: 'newsCtrl'
                }
            }
        })  // news feed

        .state('app.details', {
           url: '/news_details', 
           views: {    

           'menuContent': {

            templateUrl: 'templates/cholnews/news_details.html',
            controller: 'detailsCtrl'
            }
          }  
        });  //news details

要在详细信息视图中显示后退按钮，我按照 ionic 页面中的建议使用此脚本：

 appControllers.controller('detailsCtrl', function ($scope, $ionicHistory) {
     $scope.myGoBack = function() {
       $ionicHistory.goBack();
    };
 });

当我进入详细信息时，后退按钮会显示，但单击时不起作用。看起来历史记录是空的！知道如何解决这个问题吗？

【问题讨论】：

你能添加你的整个代码吗？

标签： angularjs ionic-framework

【解决方案1】：

我认为您只是将 myGoBack 函数放在 detailsCtrl 中，您应该将视图中的按钮链接到该函数以执行该操作

【讨论】：

是的，我已经这样做了，但是当我点击它时没有任何反应
好吧，也许你应该发布整个代码，你有没有在控制器函数中使用 $inject 注入服务？否则你可以看看这个link

【解决方案2】：

正如您所提到的：app.news-full-list 状态包含列表..其根视图是“应用程序”。当您单击任何项目时，它会打开app.details 详细信息，其根视图也是应用程序。这些会更改视图历史记录。

所以，试试这个：

.state('app.news-full-list.details', {
       url: '/news_details', 
       views: {    

       'menuContent': {

        templateUrl: 'templates/cholnews/news_details.html',
        controller: 'detailsCtrl'
        }
      }  
    });

现在，app.news-full-list.details 显示细节有 news-full-list 是根视图。

希望对你有帮助！

【讨论】：