title: How to create and fire a custom event in angular
body: <p>I'm new in Angular and I've read about event binding so I can do something like this:</p>
  
  <pre><code>&lt;button (click)="doSomething()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>I'd like to know if it's possible to create a custom event and do the same thing. Let's say that I want to have a custom event like: <code>deleteItem</code>, is it possible to do something like this? And how?</p>
  
  <pre><code>&lt;my-component (deleteItem)="doSomething()"&gt;&lt;/my-component&gt;
  </code></pre>