L'equivalente di Angular 2 a window.location.href?

Question

Come si può navigare verso un URL diverso all'interno di Angular 2? So che possiamo usare JavaScript

window.location.href = '...';

Ma questo sembra sbagliato e causerebbe un aggiornamento della pagina. Sono abbastanza sicuro che ci dovrebbe essere la funzionalità in Angular 2 che ti permetterà di spostarti tra gli URL senza aggiornare la pagina. Non riesco proprio a trovarlo nella documentazione.

Grazie in anticipo!

Answer 1

Secondo la documentazione, è possibile utilizzare Router e la sua navigare funzione di cambiare stato attuale, e anche passare i parametri, se neccessary: ​​

import {Component, ...} from 'angular2/angular2'; 
import {Router, ...} from 'angular2/router'; 
import {HomeCmp} from '../home/home'; 

@Component({ 
    selector: 'app', 
    // params of your component here 
}) 
@RouteConfig([ 
    { path: '/', component: HomeCmp, as: 'MyHome' }, 
    // your other states here 
]) 

export class AppCmp { 
    router: Router; 
    constructor(router: Router) { 
    this.router = router; 
    } 
    navigateToHome() { 
    // for example, that's how we can navigate to our home route 
    this.router.navigate(['./MyHome', {param: 3}]); 
    } 
} 

ecco il link al official documentation.

E qui c'è un progetto link con un ottimo esempio di utilizzo del router.