使用导航路线角度为2

时间:2017-12-14 05:28:31

标签: angular angular-routing angular-router

我想创建一个组件,我可以在其他组件中使用指令。该指令将包含基于哪个页面(它们在应用程序中的深度)显示的标记路线 - 基本上是面包屑表示,实际上看起来不像面包屑但标记为制表符。不知道从哪里开始,但这是我的应用程序结构:

Home  
  Courses  
    Teachers  
      Teacher Profile  
  Students  
    Courses for student  
    Student Profile 

在我的组件中,我希望如此,当用户在(教师资料)页面中时,他们还会看到包含(课程,教师)的菜单栏作为标签,以便他们可以路由到这些页面。我不确定实现这一目标的最佳方法是什么。是通过查看路由通过URL还是应该将组件信息绑定/发送到我的标头组件?我觉得使用URL的路线更好但不确定。

1 个答案:

答案 0 :(得分:0)

我通常做的是创建一个布局组件。此组件负责我的应用程序的总体布局(页眉,页脚等),router-outlet放置在主要内容的位置。

您尝试构建的“breadcrumbs”应该(在我看来)位于布局组件的标题下。

我构建它的方法是创建一个组件。它应该以{{1​​}}的形式接收网址,或者自己解析网址并以您想要的任何方式显示它。

对于你想到的结构,这绝对可行。对于更复杂的结构,您可能需要构建更复杂的东西。

祝你好运!