浏览器后退按钮angular ui router

时间:2017-11-02 06:38:27

标签: angularjs angular-ui-router back browser-history

我想通过角度为1.4.10的ui-router来恢复浏览器的按钮。

这是我app.js的示例代码

var myApp = angular.module("myApp",[ "ui.router", "AppCtrls"]);

myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider){
    $locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });
    $stateProvider.state("state1", {
        url: "",
        template: "<p>State 1</p>",
        controller: "Ctrl1"
      }).state("state2", {
        url: "",
        template: "<p>State 2</p>",
        controller: "Ctrl2"
      });
});

var ctrls = angular.module("AppCtrls", []);

ctrls.controller( "Ctrl1", function($scope) {
    console.log("Ctrl1 loaded.");
});

ctrls.controller( "Ctrl2", function($scope) {
    console.log("Ctrl2 loaded.");
});

当我给每个州提供URL后退按钮效果很好但是当我没有给每个州提供任何URL时,后退按钮不起作用。

是否有任何解决方法可以在没有状态URL的情况下恢复按钮工作?

0 个答案:

没有答案