File
Implements
Metadata
selector |
app-breadcrumb |
styleUrls |
breadcrumb.component.scss |
templateUrl |
./breadcrumb.component.html |
Methods
ngOnInit
|
ngOnInit()
|
|
Returns: void
|
breadcrumbs
|
breadcrumbs: string[]
|
|
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-breadcrumb',
templateUrl: './breadcrumb.component.html',
styleUrls: ['./breadcrumb.component.scss']
})
export class BreadcrumbComponent implements OnInit {
@Input() taxonomies;
// breadcrumbs: string[] = ['Home', 'Clothing', 'Shirts', 'Men Casual Shirts']
breadcrumbs: string[] = ['Home', 'Categories'];
constructor() { }
ngOnInit() {
}
}
<ul class="bread_crumb">
<li *ngFor="let breadcrumb of breadcrumbs; let i = index;">
<a *ngIf="i != breadcrumbs.length - 1; else elseBlock" href="#" class="crumb">
<span>{{breadcrumb}}</span>
</a>
<ng-template #elseBlock>{{breadcrumb}}</ng-template>
</li>
</ul>
Legend
Html element with directive