角度4ルーティングskipLocationChange

Question

とredirectTo Iはそのメインパスといくつかのルーティングモジュールは、次のように設定されていますルートパスにアクセスします。次のように現在の設定はなります

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

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

} 

それが正常に動作し、http://localhost:4201へのアクセスがhttp://localhost:4201/canvasにリダイレクトされています。

ただし、リダイレクト後にURLに/canvasパスを追加することは望ましくありません。これはどのように達成できますか？たとえば、私がrouter.navigate(... {skipLocationChange: true})と一緒に使用しているので、skipLocationChangeパラメータをこのリダイレクトに適用できる方法はありますか？

Answer 1

私はAppComponentにrouter.eventsに加入して、手動でtrueに設定されてskipLocationChangecanvasパスに移動してその問題を解決してきました。

@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}) 
       } 
      } 
     }); 
    } 
} 

Answer 2

少し遅れて

、多分それは便利です：

私は同じ問題を抱えていたし、このようにRouter.forRoot

を宣言するときExtraOptionsを追加することによって、それを解決するために管理：

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

これにより、URLにセット/キャンバスを使用する初期のナビゲーションを回避できます。

その後、skipLocationChangeを引き続き使用できます。

希望すると便利です。