search.component.ts

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

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss'],
})
export class SearchComponent implements OnInit {
  @Output() search = new EventEmitter<Search>();
  @Input() type: string;

  constructor() {}

  ngOnInit(): void {}

  onInputChanged(event: any) {
    const d = { type: this.type, value: event.target.value };
    this.search.emit(d);
  }
}