breadcrumb.component.html

<div>
	<nz-breadcrumb [nzSeparator]="separatorTemplate">
		<nz-breadcrumb-item *ngFor="let breadcrumb of breadcrumbs">
			<ng-container *ngIf="breadcrumb.isClickable; else notClickable">
				<a [routerLink]="breadcrumb.url">
					<ng-container *ngIf="breadcrumb.icon; else noIcon">
						<i nz-icon [nzType]="breadcrumb.icon"></i>
					</ng-container>
					<ng-template #noIcon>
						<img [src]="breadcrumb.image" height="20px" width="20px" alt="" *ngIf="breadcrumb.image;">
					</ng-template>
					{{ breadcrumb.label }}
				</a>
			</ng-container>
			<ng-template #notClickable>
				<ng-container *ngIf="breadcrumb.icon; else noIcon">
					<i nz-icon [nzType]="breadcrumb.icon"></i>
				</ng-container>
				<ng-template #noIcon>
					<img [src]="breadcrumb.image" height="20px" width="20px" alt="" *ngIf="breadcrumb.image;">
				</ng-template>
				{{ breadcrumb.label }}
			</ng-template>

		</nz-breadcrumb-item>
		<ng-template #separatorTemplate><i nz-icon nzType="arrow-right"></i></ng-template>
	</nz-breadcrumb>
	<br>
</div>