angular6使用ant design的自动生成面包屑，初始化和刷新页面的时候，面包屑就没有了

Question

https://stackblitz.com/edit/n...
这是官方网站的例子，这个例子也是这样的
刚开始的时候就是没有这个面包屑的，我想要一个初始化的时候就有一个面包屑，刷新的时候面包屑还在

请问哪位大神写过？非常感谢
一下为代码：
routing：
const routes: Routes = [
{

path: '',
component: AboutComponent,
data: {
  breadcrumb: '关于汇赋'
},
children: [
  {
    path: 'companyinstroduction',
    component: CompanyinstroductionComponent,
    data: {
      breadcrumb: '公司介绍'
    }
  }
]

}
]
html:

<ul>
  <li nz-menu-item *ngFor="let item1 of item.menulist">
   <a [routerLink]="item1.href" routerLinkActive="active">
             {{item1.name}}
      </a>
  </li>
</ul>


<nz-content>
   <div class="bread">
     <nz-breadcrumb [nzAutoGenerate]="true" [nzSeparator]="iconTemplate"></nz-breadcrumb>
     <nz-divider></nz-divider>
   </div>
   <div style="padding:24px; background: #fff; min-height: 360px;">
        <router-outlet></router-outlet>
   </div>
</nz-content>

进入显示页面：

默认显示的是第一个选项

Answer 1

自己构建<nz-breadcrumb></nz-breadcrumb>DOM结构。

nzAutoGenerate不用设置，因为默认是false,那个例子中设为true了。
最简单粗暴的就是这种写死的。实际应用中根据自己的业务来改

<nz-breadcrumb>
  <nz-breadcrumb-item>你好</nz-breadcrumb-item>
  <nz-breadcrumb-item><a>我好</a></nz-breadcrumb-item>
  <nz-breadcrumb-item>大家好</nz-breadcrumb-item>
</nz-breadcrumb>

官网第一个例子就是这个，建议可以多看一下文档的示例代码

链接地址:ng-zorro