mp-common/search-box/search-box.component.ts

This is XPO MarketPlace common libary

import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-search-box',
  templateUrl: './search-box.component.html',
  styleUrls: [ './search-box.component.scss' ]
})
export class SearchBoxComponent implements OnInit {
  @Input() private placeholder: string;
  @Input() searchBoxModel : string;
  @Output() searchBoxModelChange = new EventEmitter();

  constructor() { }

  ngOnInit() {
  }

  onChange(value){
    this.searchBoxModel = value;
    this.searchBoxModelChange.emit(value);
  }

}