Angular2：无法直接导航到子路由

Question

我创建了这样的路线

{path: 'trainings', component: TrainingWrapperComponent,
  children:[
    {path: '', component: TrainingsListComponent},
    {path: 'createTraining', component: ManageTrainingComponent},
    {path: 'trainingLanguage', component: TrainingLanguageComponent},

  ]
  },

现在，当我从训练导航到子路线时，我能够做到这一点。但是如果我刷新或者我尝试直接打开url。我做不到。

例如 trainings/createTraining 正在抛出 http 错误，因为它试图通过以 training/ 作为基础来获取资源 url 。

Answer 1

好的。我终于找到了解决方案。问题是服务器无法将我的子路由识别为 angular 路由的一部分，因此出现该错误。因此，最简单的解决方案是将用于路由的位置策略更改为 hashlocationstategy。这立即解决了问题。

Angular2：无法直接导航到子路由

Angular2: Not able to navigate to child routes directly

nested-routes

angular-component-router

angular