Question

我有一个routeconfig，它在父组件下创建一个子路由，我注意到当我使用（通过单击设置为子路由的routelink的href标签）时，所有路由链接都可以访问嵌套路由，但是当我在子路由上刷新浏览器或直接在浏览器中输入子routelink时，它无法加载子组件，即只加载父组件。

有问题的网址 - localhost：3000 /＃/ dashboard / reservation

我的路线配置在

之下

主要应用程序组件路由到父组件（仪表板）

@RouteConfig([
  ...
  { path: '/dashboard/...', name: 'Dashboard', component: Dashboard}, 
  ...
])

Dashboard component creates child route
@RouteConfig([
  { path: '/reservation', name: 'Reservation', component: Reservation , useAsDefault: true},
]);

Answer 1

我遇到了同样的问题，但我在<head>的{{1}}内使用此代码解决了。这是index.html的错误

APP_BASE_HREF

在浏览器上重新加载Angular js 2嵌套路由组件未加载

1 个答案: