Angular2：导航栏在将其放置在单个视图而不是 app.component.ts 时尝试路由到不存在的子视图的问题答案

【问题标题】：Angular2: Issues with navbar trying to route to non-existent child views when placing it in individual views instead of app.component.tsAngular2：导航栏在将其放置在单个视图而不是 app.component.ts 时尝试路由到不存在的子视图的问题
【发布时间】：2017-07-11 03:57:11
【问题描述】：

我正忙于一个 Angular2 Web 应用程序，我最近在其中实现了一个登录组件...我有一个导航组件，它是一个 bootStrap 导航栏，在我将登录组件添加到我的应用程序之前，我的应用程序中有 NavigationComponent。 component.ts 模板效果很好，因为我可以在导航栏下方插入不同的视图。使用我的新登录组件，我从 app.component.ts 中删除了导航组件，并将其分别添加到我的所有视图中，我现在遇到一个问题，当导航到另一个视图时，它会尝试导航到当前视图的子视图不存在，例如当从家导航到设置时，角度路由器会尝试导航到“家/设置”，它应该只是“设置”......知道我能做些什么来解决这个问题吗？

【问题讨论】：

标签： html twitter-bootstrap angular

【解决方案1】：

为我解决了什么问题：

当我将导航组件指令向下移动一个文件夹时，我必须将上面的文件夹传递给路由器... 在我的导航组件中，我没有导航到 ['']，而是将其更改为导航到 ['../']

【讨论】：