native-dispatch.ts

import { Component, ChangeDetectionStrategy, Input, ElementRef } from '@angular/core';
 
@Component({
  selector: 'app-button',
  templateUrl: './button.component.html',
  styleUrls: ['./button.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ButtonComponent {
  @Input()
  public color: string = null;
 
  @Input()
  public shouldEmit = false;
 
  constructor(private host: ElementRef<HTMLElement>) {}
 
  public click(): void {
    if (this.shouldEmit) {
      this.host.nativeElement.dispatchEvent(
        new CustomEvent('click')
      );
    }
  }
}