import { Component } from '@angular/core'; import { mainMenuItems } from './main-menu-items'; import { MenuService } from './service/menu.service'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { title = 'broker'; public items: any[] = mainMenuItems; constructor(private menuService: MenuService){ } public menuItemHasFontawesome (item: any) : boolean { return item.hasOwnProperty('fa'); } public onSelect({ item }): void { if (!item.items) { this.menuService.itemClicked.emit(item); //console.log("emit on select : " + item.text); } } }