Jak nie zmieniać adresu URL, gdy wyświetlana jest strona błędu 404 z ui-routerem

Question

Chcę wyświetlić stronę błędu 404, ale także chcę zapisać niewłaściwy adres URL w lokalizacji.

Jeśli zrobię coś takiego:

$urlRouterProvider.otherwise('404'); 
$stateProvider 
    .state('404', { 
     url: '/404', 
     template: error404Template 
    }); 

url zmieni się /404. Jak mogę wyświetlać komunikat o błędzie pod niewłaściwymi adresami URL bez zmiany faktycznego adresu URL?

Answer 1

Istnieje rozwiązanie dla tego scenariusza. Użylibyśmy 1) jednej natywnej funkcji ui-router i 2) jednego ustawienia konfiguracyjnego. Można zauważyć working examplehere.

1) Pochodzący cechą definicji państwowych UI-router jest:

url nie jest potrzebne. Państwo można określić bez jego reprezentacji w miejscu.

2) Ustawienie konfiguracji:

• otherwise() for invalid routes, który parametr nie musi być ciągiem z domyślnym adresem URL, ale może być funkcją również (cytowania):

ścieżka Łańcuch | Funkcja Ścieżka adresu URL, do którego chcesz przekierować, lub reguła funkcji, która zwraca ścieżkę URL. Wersja funkcja jest przekazywana dwa params: $ i $ wtryskiwaczy lokalizacji

Rozwiązanie: kombinacja tych dwóch. Musielibyśmy statebezurl i niestandardowych otherwise:

$stateProvider 
    .state('404', { 
    // no url defined 
    template: '<div>error</div>', 
    }) 

$urlRouterProvider.otherwise(function($injector, $location){ 
    var state = $injector.get('$state'); 
    state.go('404'); 
    return $location.path(); 
}); 

sprawdzić, czy wszystko w tym working example

Answer 2

Od ui-router#0.2.15 można użyć $state.go() i wysłać opcji nie zaktualizować lokalizację:

$urlRouterProvider.otherwise(function($injector) { 

    var $state = $injector.get('$state'); 

    $state.go('404', null, { 
    location: false 
    }); 

});