diff --git a/components/breadcrumb/breadcrumb-item.component.ts b/components/breadcrumb/breadcrumb-item.component.ts
index 5f0a4fcdc77..c7853bd9d71 100644
--- a/components/breadcrumb/breadcrumb-item.component.ts
+++ b/components/breadcrumb/breadcrumb-item.component.ts
@@ -19,7 +19,7 @@ import { NzBreadcrumb } from './breadcrumb';
-
+
@@ -29,11 +29,11 @@ import { NzBreadcrumb } from './breadcrumb';
-
+
{{ nzBreadCrumbComponent.nzSeparator }}
-
+
`
})
export class NzBreadCrumbItemComponent {
diff --git a/components/breadcrumb/breadcrumb-separator.component.ts b/components/breadcrumb/breadcrumb-separator.component.ts
index 8ca0fe1dd0c..8f84ea8fb58 100644
--- a/components/breadcrumb/breadcrumb-separator.component.ts
+++ b/components/breadcrumb/breadcrumb-separator.component.ts
@@ -8,10 +8,9 @@ import { Component } from '@angular/core';
@Component({
selector: 'nz-breadcrumb-separator',
exportAs: 'nzBreadcrumbSeparator',
- template: `
-
-
-
- `
+ template: ``,
+ host: {
+ class: 'ant-breadcrumb-separator'
+ }
})
export class NzBreadCrumbSeparatorComponent {}
diff --git a/components/breadcrumb/doc/index.en-US.md b/components/breadcrumb/doc/index.en-US.md
index 9f19174e67d..71201678182 100755
--- a/components/breadcrumb/doc/index.en-US.md
+++ b/components/breadcrumb/doc/index.en-US.md
@@ -46,7 +46,7 @@ For lazy loading modules, you should write `data` in parent module like this:
```ts
{
path: 'first',
- loadChildren: './first/first.module#FirstModule',
+ loadChildren: () => import('./first/first.module').then(m => m.FirstModule),
data: {
breadcrumb: 'First'
},
@@ -87,4 +87,4 @@ use `nzRouteLabelFn` to format breadcrumb label in international application:
// In component
translateFn = (key:string) => this.yourI18nService.translate(key);
-```
\ No newline at end of file
+```
diff --git a/components/breadcrumb/doc/index.zh-CN.md b/components/breadcrumb/doc/index.zh-CN.md
index 3a903fbc989..bea39df99f4 100755
--- a/components/breadcrumb/doc/index.zh-CN.md
+++ b/components/breadcrumb/doc/index.zh-CN.md
@@ -46,7 +46,7 @@ import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
```ts
{
path: 'first',
- loadChildren: './first/first.module#FirstModule',
+ loadChildren: () => import('./first/first.module').then(m => m.FirstModule),
data: {
breadcrumb: 'First'
},