AngularJS - Il modo migliore per aggiornare il parametro $ route

Question

Ho diversi percorsi diversi, ma contengono parametri simili.
Esempio:

when '/user/:accountId/charts/:chartType', controller:ChartsController 
when '/manager/:accountId/charts/:chartType', controller:ChartsController 
when '/whatever/pathy/paththingy/charts/:chartType', controller:ChartsController 

Avviso tutte e tre le viste utilizzare il controller stesso Grafici per controllare la vista. È un controller abbastanza generico ma ha bisogno di passare tra i chartTypes disponibili ... mantenendo il resto del percorso.
Esempio: (QUESTO NON FUNZIONA)

if my currrent url is '/user/001/charts/comparison' 
Then I call something like: 
$route.current.params.chartType = 'newChart'; 
$route.reload(); // or soemthing similar? 
I want the url to become '/user/001/charts/newChart' 

Qualcuno ha qualche idea di come aggiornare facilmente i parametri di un percorso senza completamente ri-typeing o ricostruire il percorso di percorso?

Answer 1

Se possibile, ti consigliamo di utilizzare ui-router. È più potente di ngRoute in molti aspetti.

Essenzialmente, questo modulo ha un concetto chiamato livello superiore stato avvolgendo il percorso sottostante che scudi voi di lavorare direttamente con basso livello della via come URL rotta.

Per un confronto: What is the difference between angular-route and angular-ui-router?

Con ui-router, è possibile implementare il codice come questo:

$stateProvider 
    .state('user.chart', { 
    url: '/user/:accountId/charts/:chartType', 
    controller: "ChartsController" 
    }) 
.state('manager.chart', { 
    url: '/manager/:accountId/charts/:chartType', 
    controller: "ChartsController" 
    }) 
.state('pathy.chart', { 
    url: '/whatever/pathy/paththingy/charts/:chartType', 
    controller: "ChartsController" 
    }) 

E si potrebbe utilizzare questo codice per navigare tra gli stati:

$state.go('user.chart',{chartType:'newChart'},{inherit:true}); 

Documentation

Answer 2

Leggi l'ang docs Ular su $location.search()

Considerando l'URL è una richiesta GET, e ha alcuni parametri

È possibile ottenere i parametri in tuo URL con questo metodo

/user/001/charts/?chartType=comparison 

var searchObject = $location.search(); 
// => { chartType : 'comparison' } 

Ora modificare il valore di chartType

Questo cambierà il parametro nell'URL su

/user/001/charts/?chartType=newChart 

Answer 3

La mancanza di questa semplice caratteristica mi infastidiva, così ho Implemented it and filed a PR on GitHub

Answer 4

Dal momento angolare 1.3 è possibile utilizzare per cambiare $route.updateParams(newParams) params percorso.

Here is a quote from the angular docs...

$ percorso.updateParams (newParams);

Provoca $route servizio per aggiornare l'URL corrente, sostituendo parametri di percorso attuali e quelli indicati in newParams. I nomi di proprietà che corrispondono al percorso del percorso definizioni di segmento verranno interpolati nel percorso della posizione, mentre le proprietà rimanenti verranno trattate come parametri di query.