在angular js中禁用页面刷新时的路由

Question

我有一个这样的路由提供者

app.config(function ($routeProvider, $locationProvider){
$locationProvider.hashPrefix('');


$routeProvider
.when('/', {
    templateUrl: 'login.html',
    controller: 'loginCtrl'
})
.when('/home', {
    resolve:{
        "check":function($location, $rootScope){
            if(!$rootScope.loggedIn){
                $location.path('/');
            }
        }
    },
    templateUrl:'home.html',
    controller: 'homeCtrl'
})
.otherwise({
    redirectTo: '/'
   });
});

login.html 是我的应用程序的第一页。

但是在登录后，重新加载任何最终会出现在 login.html 页面中的页面

我希望其他页面在刷新时保持活动状态，并将 login.html 作为我的打开页面

Answer 1

每次重新加载页面都会重新创建 $rootScope。因此，您需要将登录详细信息存储在任何存储中，例如 localstorage。

http://blog.teamtreehouse.com/storing-data-on-the-client-with-localstorage

此链接可能会对您有所帮助。成功登录后，您需要存储数据。并在解析 url 时获取存储的数据并验证使用。

Answer 2

scotchApp.config(function($stateProvider, $urlRouterProvider, $compileProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $compileProvider.debugInfoEnabled(false);
        // route for the home page

        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            })

            // route for the about page
            .state('about', {
                url: '/about',
                templateUrl : 'pages/about.html',
                controller  : 'aboutController'
            })

            // route for the contact page
            .state('contact', {
                url: '/contact',
                templateUrl : 'pages/contact.html',
                controller  : 'contactController'
            });

            $urlRouterProvider.otherwise('home');
    });

试试这样的。