angolari risolve ui-router chiamato due volte

Question

Questo mi è stato facendo impazzire per l'ultimo paio di ore e non riesco a trovare una soluzione ancora ...

Fondamentalmente sto cambiando lo stato a 404 quando una volontà restituisce un codice di stato http 404. Sto cambiando lo stato nell'evento $stateChangeError. Funziona tutto bene, tranne dopo che lo stato è stato modificato in 404, si ricomincia da un altro cambiamento di stato a quello originale, risolvendosi in questo modo due volte. Lo stato stesso rimane su 404, quindi, dopo tutto, funziona, ma rende ancora richieste aggiuntive $http che non sono necessarie. Tuttavia, funziona solo in questo modo se utilizzo $state.go('404', null, { location: false }) OPPURE se lo stato 404 non ha un URL definito.

Se si dispone di un url definito per lo stato 404 (/404), quindi tutto funziona correttamente.

Qui ci sono 2 penne, dimostrando la questione:

L'unica mancanza: http://codepen.io/cprfnaporf/pen/RaqmQN (modalità di debug, controllare la console: http://s.codepen.io/cprfnaporf/debug/RaqmQN/)

quello lavorativo: http://codepen.io/cprfnaporf/pen/MyzdVQ (modalità di debug, controllare console: http://s.codepen.io/cprfnaporf/debug/MyzdVQ/)

Qualche idea su come risolvere questo problema? Sono davvero fuori di idee.

Grazie!

Answer 1

Per me, hai già trovato la soluzione. In effetti, come indicato nel codice:

$urlRouterProvider.when('/', '/profile/x/details'); 

l'URL predefinito è /profile/x/details. Quando l' vede l'URL , proverà a caricare la gerarchia degli stati: base, base.profile e base.profile.details. Come hai detto, l'ultimo non verrà caricato poiché si rileva un errore 404 e si reindirizza la richiesta altrove.

Il problema è che ci si trova ancora a /profile/x/details. Quindi nel stateChangeError, quando hai fatto il $state.go('404', null, { location: false });, ui-router controllerà l'url.

Poiché non è impostato nello 404, prenderà quello che ha: /profile/x/details. Ed è per questo che ha risolto la stessa gerarchia di stati: base, base.profile e base.profile.details.

Answer 2

@Andrew Immagino di non essere sicuro di quali siano esattamente i tuoi obiettivi ma sembra che tu stia combattendo nel modo in cui funziona il router.

@Zakaria fa un buon lavoro riassumendo i problemi.

Forse fare un passo indietro e vedere se ha davvero senso mantenere un utente su una pagina morta o parzialmente morta. Se stai tentando di gestire una risoluzione fallita, allora forse prendi quella 404 (o richiesta non riuscita) e restituisci una risoluzione predefinita invece di passare a un nuovo stato di errore. Mantenendo la tua dichiarazione when allo $urlRouterProvider.when('/', '/profile/x/details'); hai problemi solo nel modo in cui è attualmente progettata