javascript - 使用 ui-router 的浏览器导航控件

Question

我有一个 angularJS 应用程序，它使用一个 tpl.html 页面来导航并与后端模型进行通信。我希望能够使用浏览器后退/下一步按钮在 SPA 中导航。这可能吗？我尝试了history.back();用于后退按钮，但这不起作用。

Answer 1

为了实现这一点，您将需要使用 UI Router 的状态功能。以下是来自 Scotch.io 的示例:

$stateProvider.state('home.list', {
    url: '/list',
    templateUrl: 'partial-home-list.html',
    controller: function($scope) {
        $scope.dogs = ['Bernese', 'Husky', 'Goldendoodle'];
    }
});

当 URL 更改时，浏览器后退和前进将由 UI Router 处理。

要了解更多信息，请遵循这个精彩的教程:http://scotch.io/tutorials/javascript/angular-routing-using-ui-router

希望有帮助:)