角度参数化的默认路由

Question

如何使用参数设置默认路由（例如：www.test.com/landing-page?uid=123&mode=front&sid=de8d4）

const routes: Routes = [
  { path: '', redirectTo: 'landing-page', pathMatch: 'full' },

  { path: "landing-page", component: LandingPageComponent },  
  { path: '**', redirectTo: '' },
];

我的项目有一个工作流程，用户可以通过其他网站或应用程序使用查询字符串中的数据重定向到我的 Angular 应用程序。 是否可以使用带参数的默认路由。

Answer 1

你只需要添加：加上你在路径中的参数：

{ path: "landing-page/:uid/:mode/:sid", component: LandingPageComponent },  

Answer 2

是的，有可能只是改变你的路线

      const routes: Routes = [
      { path: '', redirectTo: 'landing-page', pathMatch: 'full' },

      { path: "landing-page, component: LandingPageComponent ,
        children:[
                   { path:':id',component: LandingPageComponent} ]
           },  
      { path: '**', redirectTo: '' },
    ];

在您的组件中导入 ActivateRoute 和 Router 模块并将它们注入到构造函数中

contructor(private route: ActivatedRoute, private router: Router){ ... }

将 ActivateRoute 订阅到 ngOnInit

ngOnInit() {

    this.route.queryParams.subscribe(params => {
      console.log(params);

    })
}