Come non cambiare l'url quando si visualizza la pagina di errore 404 con l'ui-router

Question

Voglio mostrare la pagina di errore 404, ma anche io voglio salvare l'indirizzo errato nella posizione.

Se farò qualcosa di simile:

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

URL cambierà /404. Come posso mostrare un messaggio di errore su URL errati senza modificare l'URL effettivo?

Answer 1

C'è una soluzione per questo scenario. Useremmo 1) una funzione nativa ui-router e 2) un'impostazione di configurazione. A working example potrebbe essere osservato here.

1) Una caratteristica nativa di definizioni UI-router stato è:

Il url non è necessaria. Lo stato potrebbe essere definito senza la sua rappresentazione in posizione.

2) Un ambiente di configurazione è:

• otherwise() for invalid routes, quale parametro non deve essere una stringa con l'URL di default, ma potrebbe essere una funzione così (citare):

percorso Stringa | Funzione Il percorso url a cui si desidera reindirizzare o una regola di funzione che restituisce il percorso dell'URL. La versione funzione viene passata due params: $ iniettori e $ localizzazione

Soluzione: combinazione di questi due. Avremmo statesenzaurl e personalizzato 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(); 
}); 

Verificare che tutti in questo working example

Answer 2

Come di ui-router#0.2.15 è possibile utilizzare $state.go() e inviare possibilità di non aggiornare la posizione:

$urlRouterProvider.otherwise(function($injector) { 

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

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

});