D-Net

import { Component } from '@angular/core';

import { countries } from '../../domain/countries';

@Component({

  selector: 'app-top-menu',

  templateUrl: './top-menu.component.html',

})

export class TopmenuComponent {

  keyword = 'name';

  }

  isHomeRoute() {

    return (this.router.url === '/home');

  }

  selectCountryFromAutocompleteEvent(item) {

    // do something with selected item

    // console.log('country selected: ', item);

    this.router.navigate([`/countryDashboard/${item.id}`]);

  }

  onChangeSearch(search: string) {

    // fetch remote data from here

    // And reassign the 'data' which is binded to 'data' property.

  }

  onFocused(e) {

    // do something

  }