使用 ui 路由器的浏览器导航控件

Browser navigation controls with ui-router

本文关键字：导航 控件 浏览器 ui 路由器 使用      更新时间：2023-09-26

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

为了实现这一点，您需要使用 UI 路由器的状态功能。下面是Scotch.io的例子：

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

当 URL 更改时，浏览器的后退和转发将由 UI 路由器处理。

要了解更多信息，请按照此精彩教程进行操作：http://scotch.io/tutorials/javascript/angular-routing-using-ui-router

希望对:)有所帮助

相关文章：