### 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` |
Defined in src/app/home/breadcrumb/components/breadcrumb/breadcrumb.component.ts:9

### Constructor

`constructor()`
Defined in src/app/home/breadcrumb/components/breadcrumb/breadcrumb.component.ts:11

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/home/breadcrumb/components/breadcrumb/breadcrumb.component.ts:15
Returns: `void`

### Properties

breadcrumbs
`breadcrumbs: `string[]``
Defined in src/app/home/breadcrumb/components/breadcrumb/breadcrumb.component.ts:11

    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 ""