Usa ui-sref del Ui-Router Solo per impostare i parametri di interrogazione

Question

Ho il seguente link.

<a ui-sref="...">Clicking this adds ?test=true to the query params.</a> 

C'è un modo per utilizzare l'attributo ui-sref cambiare solo parametri di query senza ricaricare la pagina o dirigere a un'altra funzione?

Answer 1

Dovresti riuscire a farlo passando gli argomenti con lo stato.

prova: -

<a ui-sref="yourStateName({test:true})">Clicking this adds ?test=true to the query params.</a> 

Usage:

ui-sref = 'StateName' - Passare allo stato, non params. 'stateName' può essere qualsiasi stato assoluto o relativo valido, seguendo le stesse regole di sintassi $ state.go()

ui-sref = 'stateName ({parametro: valore, parametro: valore})' - Passa allo stato , con parametri.

Answer 2

In combinazione con la risposta di PSL, per impedire l'aggiornamento durante l'impostazione dello stato, è sufficiente utilizzare la proprietà reloadOnSearch: false.

.state('myState', { 
     url: '/myState?test', 
     reloadOnSearch : false, 
     ... 
    }) 

Fintantoché le vostre domande si svolgeranno all'interno di questo stesso stato.

Answer 3

basta definire i nomi dei parametri di query nell'URL Stato

$stateProvider.state('posts', { 
    url: '/posts?test&answer', 
    views: { 
     content: { 
     templateUrl: 'templates/posts/index', 
     controller: 'PostsController' 
     }, 
     navbar: { 
     templateUrl: 'templates/partials/navbar' 
     } 
    } 
    }) 

e utilizzare come questo

<a ui-sref="posts({test: true, answer: false})">Next Page</a> 

Sto usando la versione ui-router 0.2.15