离子后退按钮不起作用

时间:2016-01-15 14:58:29

标签: angularjs ionic-framework

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

这是这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

要在详细信息视图中显示后退按钮,请按离子页面中的建议使用此脚本:

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

当我进入内部细节时,显示后退按钮但单击时不起作用。看起来历史记录是空的! 知道怎么解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

正如您所提到的:_declspec州包含list..whose根视图是" app"。当您点击任何项目时,它会打开app.news-full-list个详细信息,其根视图也是app.these会在视图历史记录中进行更改。

所以,试试这个:

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是根视图。

希望这可以帮助你。!