Winkel-4 routing - redirectTo mit skipLocationChange

Habe ich einige routing-Modul mit dem Pfad gesetzt wird: /canvas

const canvasRoutes: Routes = [
    {
        path: "canvas", component: CanvasComponent
    }
];

@NgModule({
    imports: [
        RouterModule.forChild(canvasRoutes)
    ],
    exports: [
        RouterModule
    ],
    declarations: [],
    providers: []
})
export class CanvasRoutingModule {
}

In der application-routing-Modul habe, möchte ich den redirect-Pfad festlegen, um die /canvas jedes mal das root-Pfad zugegriffen wird. Derzeit ist die Konfiguration sieht wie folgt aus:

const appRoutes: Routes = [
    {
        path: "", redirectTo: "/canvas", pathMatch: "full"
    }
];

@NgModule({
    imports: [
        RouterModule.forRoot(appRoutes)
    ],
    exports: [
        RouterModule
    ],
    declarations: [],
    providers: []
})
export class AppRoutingModule {

}

Funktioniert es einwandfrei und der Zugriff auf die http://localhost:4201 umgeleitet wird, um die http://localhost:4201/canvas.

Aber ich will nicht zu haben, die /canvas Pfad angehängt an die url nach der Umleitung. Wie kann das erreicht werden? Ist es zum Beispiel so, dass ich anwenden kann skipLocationChange parameter, um diese Umleitung, wie ich bin, mit der router.navigate(... {skipLocationChange: true})?

Also, warum willst du umleiten? Ist dies nicht genug, um zu verwenden path: "", component: CanvasComponent oder path: "", component: XXX, children: [{path: "", component: CanvasComponent}]?
Es wird nicht so deutlich beschreibende meiner Meinung nach. In einigen anderen teilen von meinem code ich bin routing für die canvas-Komponente mit routerLink='/canvas' . Wenn ich es ändern zu routerLink='' die Anweisung wurde nicht klar.

InformationsquelleAutor Kamil Chaber | 2017-05-22

  1. 5

    Habe ich gelöst, dass problem, durch das abonnieren der router.events im AppComponent und manuell navigieren, um die canvas Pfad mit skipLocationChange auf true gesetzt.

    @Component({
    ...
})
export class AppComponent {
    constructor(private router: Router) {
        this.router.events.subscribe(routerEvent => {
            if (routerEvent instanceof NavigationStart) {
                if (routerEvent.url == "/") {
                    this.router.navigate(["canvas"], {skipLocationChange: true})
                }
            }
        });
    }
}

    InformationsquelleAutor Kamil Chaber

  2. 1

    Ein bisschen spät, aber vielleicht ist es hilfreich:

    Ich hatte das gleiche problem und konnte es lösen, indem hinzufügen ExtraOptions bei der Deklaration der Router.forRoot

    Wie diese:

    imports: [ RouterModule.forRoot(routes, { initialNavigation : false }) ],

    Mit diesem vermeiden Sie die Initialen-navigation-sets /canvas-Bereich, um die URL.

    Danach können Sie weiterhin mit skipLocationChange.

    Hoffe, das hilft!

    InformationsquelleAutor Aisatora

Schreibe einen Kommentar