使用param重载页面更改的Angular2路由器获取CSS文件目录

Question

通常情况下，如果我点击主页链接上的链接到详细信息链接，例如var fields = [NSObject: AnyObject]()，它运作良好且css文件非常好。

仅我刷新此详细信息页面，例如<a routerLink="/detail/{{record.TA001}}"> 它获得了数据正常，但是获取CSS文件将目录更改为详细信息而不是根目录，无法获取CSS文件。我的详细信息组件位于localhost:3000/detail/0006目录中。

项目根目录中的app/content和CSS文件。 路由器：

index.html

我的项目目录是这样的：

Answer 1

我已经知道如何解决这个问题，只需路由器指令/ detail / 0005更改/ 0005，它就好了。我认为如果路由器为root，所以你只能使用一个级别就好了。它不能使用两级approch，如果你的路由器不是root，它可以使用它。

Answer 2

如果你想使用相对路径而不是每次计算绝对路径（使用../ ../../等），你应该在组件声明中使用moduleID属性，如解释here.

Answer 3

检查你是否包括base href =＆＃34; /＆＃34;在包含css / stylesheet

之前的index.html中