Merge 6859d88 into 544f308

NG-ZORRO · Jul 16, 2023 · b0577f0 · b0577f0
2 parents 544f308 + 6859d88
commit b0577f0
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/components/breadcrumb/breadcrumb-item.component.ts b/components/breadcrumb/breadcrumb-item.component.ts
@@ -19,7 +19,7 @@ import { NzBreadcrumb } from './breadcrumb';
     <ng-container *ngIf="!!nzOverlay; else noMenuTpl">
       <span class="ant-breadcrumb-overlay-link" nz-dropdown [nzDropdownMenu]="nzOverlay">
         <ng-template [ngTemplateOutlet]="noMenuTpl"></ng-template>
-        <span *ngIf="!!nzOverlay" nz-icon nzType="down"></span>
+        <span nz-icon nzType="down"></span>
       </span>
     </ng-container>
 
@@ -29,11 +29,11 @@ import { NzBreadcrumb } from './breadcrumb';
       </span>
     </ng-template>
 
-    <span class="ant-breadcrumb-separator" *ngIf="nzBreadCrumbComponent.nzSeparator">
+    <nz-breadcrumb-separator *ngIf="nzBreadCrumbComponent.nzSeparator">
       <ng-container *nzStringTemplateOutlet="nzBreadCrumbComponent.nzSeparator">
         {{ nzBreadCrumbComponent.nzSeparator }}
       </ng-container>
-    </span>
+    </nz-breadcrumb-separator>
   `
 })
 export class NzBreadCrumbItemComponent {

diff --git 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: `
-    <span class="ant-breadcrumb-separator">
-      <ng-content></ng-content>
-    </span>
-  `
+  template: `<ng-content></ng-content>`,
+  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
@@ -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);
-```
+```
diff --git 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'
   },