Angularjs刷新页面(f5)取消路由

时间:2017-06-24 12:15:42

标签: javascript angularjs ngroute ng-view

我的网页上有这个路由:

app.config(function($routeProvider)
{
    $routeProvider
        .when("/",
            {
                //
            })
        .when("/DokumentRoute",
            {
                templateUrl : "static/routes/dokument.html",
                controller : "dokumentController"
            })
        .when("/MarkningarRoute",
            {
                templateUrl : "static/routes/markning.html",
                controller: "markningarController"
            })
        .otherwise(
            {
                templateUrl: "static/routes/pageNotFound.html",
                controller : "pageNotFoundController"
            });
});

刷新页面时(F5)我想取消路由,这意味着我不想在ng-view标签中显示任何内容

<div ng-view id="view"></div>

这就是现在发生的事情:

当我启动网页时,它没有显示路由页面。我点击&#34; dokument&#34;它将路由到dokument页面,该页面显示在ng-view标签中。

当我点击F5时页面刷新,但它仍然显示了文件路线!

这就是我想要的:

我希望清除路由。我希望网站在我第一次进入时看起来像。 (没有在ng-view标签中显示)

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

如果有人有兴趣,我就是这样解决的:

app.run(function ($location, $rootScope) {

    $rootScope.$on('$routeChangeStart', function (event, next, current) {
        if (!current) {
            $location.path('/');
        }
    });
});