AngularJS刷新页面（F5）取消路由

Question

I have this routing on my webpage:

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"
            });
});

When I refresh the page (F5) I want to cancel the routing, meaning I don't want to show anything within the ng-view tag

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

This is what happens now:

When I start the web page it shows no routing-page. I click on "dokument" and it routes to the dokument page, which shows in the ng-view tag.

When I hit F5 the page refreshes, but it STILL SHOWS the dokument route!

This is what I want:

I want the routing to cleared. I want the web site to look like when I first entered it. (nothing showing in the ng-view tag)

How can I fix this?

Answer 1

If anyone is interested, this is how I solved it:

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

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