Angularjs 返回按钮不工作
您好,我的项目中的后退按钮有问题。其中一个视图是新闻提要,当我单击新闻项以查看完整内容时,我会转到相应的视图。在这个视图中,我显示了新闻的全部内容和一个后退按钮 这是这2个视图的路由器配置:Angularjs 返回按钮不工作,angularjs,ionic-framework,Angularjs,Ionic Framework,您好,我的项目中的后退按钮有问题。其中一个视图是新闻提要,当我单击新闻项以查看完整内容时,我会转到相应的视图。在这个视图中,我显示了新闻的全部内容和一个后退按钮 这是这2个视图的路由器配置: $stateProvider .state('app', { url: "/app", abstract: true, templateUrl: "templates/menu/html/menu.html",
$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();
};
});
当我进入详细信息时,会显示“后退”按钮,但单击时不起作用。历史记录看起来是空的!
你知道怎么解决这个问题吗?我想你只要把myGoBack函数放在detailsCtrl中,你应该在视图中链接一个按钮到这个函数来执行这个操作,正如你提到的:
app.news full list
state contain list.。它的根视图是“app”。当你点击任何项目时,它会打开app.details
details,它的根视图也是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
根视图
希望这对你有帮助 是的,我已经这样做了,但是当我点击它时,什么都没有发生。也许你应该发布整个代码,你是否用$inject在控制器函数中注入了服务?否则你可以看看这个你能添加你的全部代码吗?