header.component.ts

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

@Component({
  selector: 'thead[app-header]',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.scss'],
})
export class HeaderComponent {
  @Output() search = new EventEmitter<Search>();
  @Output() sort = new EventEmitter();

  constructor() {}

  onSort() {
    this.sort.emit();
  }

  onSearch(event: Search) {
    this.search.emit(event);
  }
}