title: Angular 2 @Output with (click)
body: <p>I have a plunker here - <a href="https://plnkr.co/edit/QFB5eNQlRlXe7myrPsIs?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/QFB5eNQlRlXe7myrPsIs?p=preview</a></p>
  
  <p>I know this is a stupid example but I'm just trying to get working example using (click) and @Output.</p>
  
  <p>I have a counter comoponent with two buttons thats increase and decreases a number and another button that I would like to used output the current number on the parent component. </p>
  
  <p>Stupid example I know but just wanted something simple to learn @Output</p>
  
  <pre><code>import {Component} from '@angular/core'
  
  @Component({
    selector: 'app',
    templateUrl: './src/app.component.html'
  })
  
  export class AppComponent {
  
    myCount: number = 5
  
    newCount: number
  
    constructor() {
  
    }
  
    countChanges(event) {
      this.myCount = event;
    }
  
    handleEventClicked(data){
      this.newCount = data
    }
  
  }
  </code></pre>