Question

嗯，我是Angular的新手，我正在尝试使用这个项目：

https://github.com/telerik/ng2-dashboard

但我无法理解如何制作路线。这不是我习惯使用Routes的方式。

即使我在登录组件中添加了一些东西，它也会直接重定向到仪表板！

我非常感谢你的帮助。

Answer 1

不幸的是我不知道你的确切问题是什么，但是从你提供的github项目来看，登录组件中有一个硬编码用户，应该会导致你重定向到/ 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 --

希望这种方式有所帮助，让您更好地了解该项目如何创建路线。

Answer 2

我认为@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注释这些行，然后尝试再次测试。希望它能奏效。

使用Angular 5项目路由问题

2 个答案: