Angular 角度5项目的路线问题

Angular 角度5项目的路线问题,angular,routes,angular5,dashboard,Angular,Routes,Angular5,Dashboard,我是Angular的新手,我正在尝试使用这个项目: 但我不明白路线是怎么形成的。我不习惯这样处理路线 即使我在登录组件中添加了一些内容,它也会直接将我重定向到仪表板 非常感谢您的帮助。我认为,@HostBinding正在以下两个文件中进行全局侦听:- signin.component.ts文件 @HostBinding('attr.id') protected get id(): string { return 'signin'; } @HostBinding('class')

我是Angular的新手,我正在尝试使用这个项目:

但我不明白路线是怎么形成的。我不习惯这样处理路线

即使我在登录组件中添加了一些内容,它也会直接将我重定向到仪表板


非常感谢您的帮助。

我认为,@HostBinding正在以下两个文件中进行全局侦听:-

signin.component.ts文件

@HostBinding('attr.id') protected get id(): string {
        return 'signin';
}
@HostBinding('class') protected get appClass(): string {
        return 'signin';
}
dashboard.component.ts文件

@HostBinding('attr.id') get get_id() { return 'dashboard'; }
@HostBinding('class') get get_class() { return 'dashboard'; }

您能否尝试在dashboard.component.ts中为@HostBinding注释这些行,然后再次尝试测试。希望它能起作用。

不幸的是,我不知道您的具体问题是什么,但从您提供的github项目来看,signin组件中有一个硬编码的用户,应该会导致您重定向到/profile。如果要返回到“注销”组件,可以使用“注销”功能阻止其发生,也可以清除浏览器缓存/cookie

另一方面,路由看起来像一个主路由文件,它分支到具有自己路由的子模块。我将尝试在一个糟糕的箭头图中显示所有东西是如何连接的

app.module.ts --gets all routes--> app.common.ts 
app.common.ts --calls master route module --> app-routing.module.ts 
app-routing.module.ts --gets parent component/routes--> app.route.ts 
app.route.ts --calls all child modules --> ex.dashboard.module.ts
ex: dashboard.module.ts -- gets child routes/components --> ex: dashboard.common.ts
ex: dashboard.common.ts --gets child routes --> ex: dashboard.routes.ts
ex: dashboard.routes -- sets/creates child routes --

希望这能帮助您更好地理解该项目如何创建路由。

同样的问题,即使我在构造函数中添加了http服务,“主页”也会成为我的第一个未登录页面!