使用导航路线创建 header 组件 angular 2
Creating a header component with navigation routes angular 2
我想创建一个可以在其他组件中使用指令的组件。该指令将包含带标签的路由，这些路由将根据页面（它们在应用程序中的深度）显示 - 基本上是面包屑表示，实际上看起来不像面包屑但带有标签标签。不知道从哪里开始，但这是我的应用程序结构：
Home
Courses
Teachers
Teacher Profile
Students
Courses for student
Student Profile
在我的组件中，我希望当用户位于（教师资料）页面时，他们还会看到一个包含（课程、教师）作为选项卡的菜单栏，以便他们可以路由到这些页面。我不确定实现此目标的最佳方法是什么。是通过 URL 查看路线还是应该将 bind/emit 组件信息放入我的 header 组件？我觉得使用 URL 的路线更好但不确定。
我通常做的是创建一个布局组件。该组件负责我的应用程序的总体布局（header、页脚等），router-outlet 位于主要内容所在的位置。
您尝试构建的“面包屑导航”应该（在我看来）位于布局组件中的 header 下方。
我构建它的方式是创建一个组件。它应该将 url 作为 @Input() 接收，或者自行解析它并以您想要的任何方式显示它。
对于您心目中的结构，这绝对可行。对于更复杂的结构，您可能需要构建更复杂的东西。
祝你好运！
我想创建一个可以在其他组件中使用指令的组件。该指令将包含带标签的路由，这些路由将根据页面（它们在应用程序中的深度）显示 - 基本上是面包屑表示，实际上看起来不像面包屑但带有标签标签。不知道从哪里开始，但这是我的应用程序结构：
Home
Courses
Teachers
Teacher Profile
Students
Courses for student
Student Profile
在我的组件中，我希望当用户位于（教师资料）页面时，他们还会看到一个包含（课程、教师）作为选项卡的菜单栏，以便他们可以路由到这些页面。我不确定实现此目标的最佳方法是什么。是通过 URL 查看路线还是应该将 bind/emit 组件信息放入我的 header 组件？我觉得使用 URL 的路线更好但不确定。
我通常做的是创建一个布局组件。该组件负责我的应用程序的总体布局（header、页脚等），router-outlet 位于主要内容所在的位置。
您尝试构建的“面包屑导航”应该（在我看来）位于布局组件中的 header 下方。
我构建它的方式是创建一个组件。它应该将 url 作为 @Input() 接收，或者自行解析它并以您想要的任何方式显示它。
对于您心目中的结构，这绝对可行。对于更复杂的结构，您可能需要构建更复杂的东西。
祝你好运！