File

src/app/home/breadcrumb/components/breadcrumb/breadcrumb.component.ts

Implements

OnInit

Metadata

selector app-breadcrumb
styleUrls breadcrumb.component.scss
templateUrl ./breadcrumb.component.html

Inputs

taxonomies

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns: void

Properties

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
Component
Html element with directive

results matching ""

    No results matching ""