Button with confirmation

delete-confirm.component.ts

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

@Component({
  selector: 'delete-confirm',
  template: `
    <button class="btn btn-danger" (click)="showConfirm()">
      {{btn_txt}}
    </button>
  `,
})
export class DeleteConfirmComponent {
  @Input('btn-text') btn_txt: string;
  @Input('confirm-text') confirm_text: string;
  @Output('confirmed') confirmed = new EventEmitter();

  showConfirm() {
    // Emit value only when confirmed
    if(confirm(this.confirm_text))
      this.confirmed.emit(true)
  }

}