datatable.component.ts

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

import { SearchMeta } from '../store/model';

@Component({
    selector: 'app-datatable',
    templateUrl: 'datatable.component.html',
    styleUrls: [ 'datatable.component.css' ],
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class DatatableComponent {
    @Input() searchMeta: SearchMeta;
    @Input() searchData: any[];
    @Output() initSearchMeta: EventEmitter<{}> = new EventEmitter();
    @Output() getSearchData: EventEmitter<number> = new EventEmitter();

    click() {
        this.initSearchMeta.emit();
        this.getSearchData.emit(1);
    }
}