import { Component , OnInit } from '@angular/core' ; import { MenuItem } from 'primeng/api' ; import { RouteStateService } from 'src/app/core/services/route-state.service' ; @ Component ( { selector : 'app-header-breadcrumb' , templateUrl : 'header-breadcrumb.component.html' , styleUrls : [ 'header-breadcrumb.component.css' ] } ) export class HeaderBreadcrumbComponent implements OnInit { items : MenuItem [ ] ; home : MenuItem ; constructor ( private routeStateService ) { this . items = [ ] ; } ngOnInit ( ) { var routes = this . routeStateService . getAll ( ) ; routes . forEach ( route => { this . items . push ( { label : route . title , command : ( ) => { this . onClickBreadcrumb ( route . id ) ; } } ) ; } ) ; this . home = { icon : 'pi pi-home' } ; } onClickBreadcrumb ( id ) { this . routeStateService . loadById ( id ) ; } }