SFM-Broker/src/app/app.component.ts

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);
    }
  }  
}