Come posso reindirizzare a un altro modello di vista in Aurelia JS?

Question

Sto scrivendo un'applicazione utilizzando Aurelia JS. Come posso reindirizzare a un altro URL? C'è un modo per farlo senza creare un nuovo navigation pipeline step?

Grazie

Answer 1

di farlo iniettare il router nella ViewModel e utilizzare il metodo navigate(route)

Ecco un esempio:

import {Router} from 'aurelia-router'; 

export class MyVM { 

    static inject() { return [Router]; } 

    constructor(router){ 
    this.theRouter = router; 
    } 

    someMethod(){ 
    this.theRouter.navigate("myroute"); 
    } 
} 

un dettaglio importante è di non chiamare la proprietà router" "dopo averlo iniettato nel costruttore o genererà un'eccezione durante la navigazione su ViewModel/view

Modifica: quotin g @EisenbergEffect dalla risposta qui sotto

Il problema di denominazione con "router" è qualcosa che stiamo tracking qui: https://github.com/aurelia/router/issues/34 Se stai leggendo questo risposta più tardi, e la questione è stata chiusa, allora si dovrebbe essere in grado di in modo sicuro di denominare la proprietà "router" se lo si desidera.

Answer 2

po 'veloce di informazioni correlate: Il problema di denominazione con "router" è qualcosa che stiamo tracking qui: https://github.com/aurelia/router/issues/34 Se stai leggendo questa risposta più avanti, e la questione è stata chiusa, allora si dovrebbe essere in grado di nominare in modo sicuro la tua proprietà "router" se lo desideri.

Answer 3

Ho solo pensato di aggiornare l'eccellente risposta di @Daniel Camarda un po '. A partire da febbraio 2016 è possibile utilizzare il decoratore inject di Aurelia. Inoltre, il problema di denominazione router è stato risolto.

import {inject} from 'aurelia-framework'; 
import {Router} from 'aurelia-router'; 


@inject(Router) 
export class MyVM { 

    constructor(router){ 
    this.router = router; 
    } 

    someMethod(){ 
    this.router.navigate("myroute"); 
    } 
} 

Answer 4

Forse un caso d'uso leggermente differente, ma pubblicare dato che è così simile: Entrando vista, ad esempio sulla base di parametri, voglio reindirizzare a una vista diversa. Questo deve accadere in activate() o canActivate().

In questo caso, sia navigate() che navigateToRoute() suggerite sopra non funzionano.

cosa funziona però è return new Redirect('....') dove reindirizzamento è importata da Aurelia-router, in questo modo:

canActivate(param) { 
    if (param.id == null) 
     return new Redirect('/viewWhichDoesntNeedParam') 
}