Angular 4 - Event emitter - 1

angular4.eventEmitter.1.ts

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
})
export class MyComponent {
  // Define the new output as an EventEmitter.
  // We are also defining some data to be pass to the event listeners (someData)
  @Output() myEvent = new EventEmitter<{someData: string}>();

  constructor() {
    this.makeSomethingHappen();
  }

  makeSomethingHappen() {
    // Now that you have defined the event, you can invoke it whenever you want
    // invoking the emit method.
    this.myEvent.emit({ someData: 'Something happend' });
  }
}