如何使用Angular2 + Firebase生成用户配置文件路由

时间:2016-12-14 03:54:56

标签: angular firebase

我无法找到可能解释如何开发自定义用户页面路由的资源。类似www.website.com/user/uid的内容,其中uid代表Firebase设置的用户ID。

所以对于像这样的样本:

const APP_ROUTES: Routes = [
    { path: '', component: HomeComponent },
    { path: 'profile', component: ProfileComponent }
]; 

我如何创建用户个人资料页面及其路线?

非常感谢任何见解和/或资源。

1 个答案:

答案 0 :(得分:1)

const APP_ROUTES: Routes = [
    { path: '', component: HomeComponent },
    { path: 'profile/:id', component: ProfileComponent }
]; 

然后在你的ProfileComponent

import {ActivatedRoute} from '@angular/router';

和你的构造函数:

constructor(private _activatedRoute: ActivatedRoute) {
  _activatedRoute.params.subscribe(params => {
    this.id = parseInt(params['id']);
  });
}