定義角路線根據路由參數重定向

Question

我一直是用來重定向從一個路由到另外一個很簡單的角度路由模塊：

import { NgModule } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 

const routes: Routes = [ 
    { 
    path: 'foo', 
    redirectTo: 'bar', 
    pathMatch: 'full' 
    } 
]; 

@NgModule({ 
    imports: [RouterModule.forChild(routes)], 
    exports: [RouterModule], 
    providers: [] 
}) 
export class FooRoutingModule { } 

現在，我要換重定向使它取決於一個路由參數（可能會有比這個更多的參數）。所以，foo?para=0應該重定向到barA，而foo?para=1應該重定向到barB。達到此目的最簡單的方法是什麼？

Answer 1

您可以使用Guards來操縱路由。

在你的情況下，CanActivate警衛應該很好地完成這項工作。在此處閱讀更多關於它們的信息：https://angular.io/guide/router#canactivate-requiring-authentication

@Injectable() 
export class MyGuard implements CanActivate { 

    constructor(public router: Router) {} 

    canActivate(route: ActivatedRouteSnapshot) { 
    switch(route.queryParams['para']) { 
    case '0' : 
     this.router.navigate(['my/url]); 
     break; 
    case '1': 
      .... 
    } 
    return false; 
    } 
} 

「return false;」在你的路由中非常重要，這樣當前的導航（在你的情況下爲'foo'）被取消。

而在你的路由

const routes: Routes = [ 
    { 
    path: 'foo', canActivate:[ MyGuard ] 
    } 
];