如何将参数值动态传递到面包屑,以在角度7中将其显示为面包屑的超链接?

时间:2019-07-03 02:26:27

标签: breadcrumbs angular7-router

我必须显示面包屑,例如Home> UnitName> TabName。我正在将UnitName和Tab Name作为必需参数传递,并且我想将参数值显示为面包屑(超链接的文本)的标签。

我尝试在路由模块文件中使用以下代码。 -app-routing.modules.ts:

{     路径:“ Units /:unit /:tab”,     组件:UnitComponent,     数据:{       标题:“标签”,       面包屑:[         {           标签:“ {{unit}}”,           网址:“ / units /:unit”         },         {           标签:“ {{tab}}”,           网址:“ Units /:unit /:tab”         }       ]     } 和html如下:

                         {{breadcrumb.label}}>                    
 {
    path: 'Units/:unit/:tab',
    component: UnitComponent,
    data: {
     title: 'Tabs',
     breadcrumb: [
     {
        label: '{{unit}}',
        url: '/units/:unit'
     },
    {
      label: '{{tab}}',
      url: 'Units/:unit/:tab'
     }
   ]
  }

0 个答案:

没有答案