使用AngularJS和routeparams的后退按钮循环

Question

这是我希望实现的目标：

1. 用户位于网址example.com/2上
2. 用户转到网址example.com/2d <-这是无效的网址
3. 用户偏向于example.com/2d/404_error
4. 用户单击浏览器的“后退”按钮，然后进入example.com/2

这是我的问题

4. 用户单击浏览器的“后退”按钮并进入example.com/2d
5. 再次将用户自动转发到example.com/2d/404_error

我创建了无限后退按钮循环:(

在我的app.config中

.when('/:gameId/404_error', {
    templateUrl: 'views/page_not_found.html'
})

.when('/:gameId', {
    controller: 'game',
    templateUrl: 'views/gamePage.html'
})

未获取数据时由app.factory调用

}, function(response) {
    // something went wrong
    $location.path("/" + id + "/404_error");
    return $q.reject(response.data);
});

我尝试了“其他”方法，但是使用routeparams使其变得无用。

您可以在这里进行测试：

http://vivule.ee/2 <-工作网址

http://vivule.ee/2d <-无效的网址

Answer 1

window.history.go（-2）

此方法是纯Javascipt，您可以尝试在angularjs中使用$ window.history.go（-2）

干得好！

Answer 2

用ng-switch和ng-include修复了它

在控制器中，当未加载数据时，我添加了：

$scope.page_not_found = true;

在我添加的模板中：

<div ng-switch on="page_not_found">
   <div ng-if="page_not_found" ng-include="'views/page_not_found.html'"></div>
</div>

一切都发生在一个.html模板中。 我隐藏了主要内容，并使用ng-include导入404页面，该解决方案似乎也更快。