angularjs - 使用 Angular UI Router 覆盖后退按钮以转到特定状态

Question

我有一个定义了各种不同状态的 Angular 应用程序。我不希望用户能够使用后退按钮返回到以前的状态，因为它们是模拟的一部分并且会扰乱模拟流程。

有没有一种方法可以覆盖浏览器后退按钮，让用户进入模拟的开始状态？

angular.module('participant').config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('simulations', {
            url: '/',
            controller: 'SimulationIndexController',
            templateUrl: '/angular_templates/simulations/index.html',
        })
        .state('simulation.content', {
            // other routes
        });

我想在用户按下浏览器上的后退按钮时进入 '模拟' 状态，但我不确定如何完成此操作。

Answer 1

在进行状态转换时使用location: 'replace':

$state.go("simulation.content.state2",{location:'replace'});

通过使用replace 选项，单个模拟步骤将不会存储在浏览器历史记录中。当用户点击后退按钮时，用户将返回到开头而不是之前的内容。