Angular4路由子重定向不起作用

时间:2017-08-09 16:30:14

标签: angular angular4-router

我像这样构建我的angular4路由:

{path: 'siteroot', component: SiteMessengerComponent},
{
    path: '', component: FrameDefaultComponent,
    children: [
        {
            path: 'user/:userId', component: SiteUserprofileComponent,
            children: [
                {
                    path: 'home', component: SiteUserprofileHomeComponent,
                },
                {
                    path: 'about', component: SiteUserprofileHomeComponent,
                }
            ]
        }
    ]
}

如你所见,我做了一个配置文件,它被加载到FramedefaultComponent中。在配置文件内我想要一些子配置文件视图。默认视图需要加载“主页”视图。

问题是我在google上找不到任何解释我试图做的事情的东西。我希望当我用url打开配置文件时:/ user / 24(在这种情况下24是用户ID)然后我希望他直接打开用户/:userId / home。但是,我尝试过编译错误。

我做错了什么?

这是site-userprofile.component.ts

export class SiteUserprofileComponent implements OnInit {
    users: Observable<User[]>;
    userId: number;

    constructor(private route: ActivatedRoute, private userListService: UserListService) {
        this.users = this.userListService.users;
    }

    ngOnInit() {
        this.route.params.subscribe((params) => this.userId = params.userId);

        this.userListService.get([new Filter({
                name: 'ids',
                value: this.userId
            }
        )], true);
    }

}

0 个答案:

没有答案