URL ohne Umleitung in Angular 2 ändern

Question

In meiner Angular 2 Webanwendung möchte ich die URL-Seite im Browser ändern. Zum Beispiel würde ich es gerne von sich ändern:

http://localhost:63000/my-page

zu

http://localhost:63000/your-page

Es darf nicht umleiten, keine Seite zu laden, und Browser-Verlauf muss die Seite Änderung widerzuspiegeln.

Kann dies getan werden?

Answer 1

Can this be done?

YES the angular router just does that.

Sie können es in einem der folgenden Wege aus Ihrem Markup setzen Sie einen Link wie diesen

<a [routerLink]="['','your-page']"> goto </a> 

oder wenn Sie Route etwas programmatisch tun zu müssen wie folgende

constructor(private router: Router{ 
     ... 
     //some wehre 
     this.router.navigate(['','your-page']); 
    } 

Importieren Sie auf Ihrem Modul das Routermodul

export const APP_ROUTES: Routes = [ 
    { 
    path: 'your-page', 
    component: YourPageComponent 
    }, 
    { path: 'other*', 
    component: OtherComponent}, 

]; 

@NgModule({ 

    imports: [ 
    RouterModule.forRoot(APP_ROUTES, {useHash: true}) 

    ], 

Answer 2

Dies kann durch unten Funktion in Winkel

location.replaceState(path: string, query?: string): void; 

verfügbar erreicht werden diese Sie brauchen Zuvor Standort-Objekt zu erhalten, indem sie in Ihrer Komponente oder Richtlinie Konstruktor injiziert wird.

constructor(private location: Location) 

Und Import Location Klasse wie folgt -

import { Location } from '@angular/common';