title: Pass Event from child component to parent component Angular 5
body: <p>I have a parent component called <code>program-page</code> and it has a child component called <code>program-item</code> now I have a button on the <code>program-item</code> and what I want that button to do is to call a function on the parent component.. Im not sure how I would do something like this..</p>
  
  <p><strong>program-page.component.html</strong></p>
  
  <pre><code>&lt;app-program-header&gt;&lt;/app-program-header&gt;
  &lt;app-week-display&gt;&lt;/app-week-display&gt;
  &lt;app-program-item [item]="programItem"&gt;&lt;/app-program-item&gt;
  </code></pre>
  
  <p><strong>program-page.component.ts</strong></p>
  
  <pre><code>someFunction()
  </code></pre>
  
  <p><strong>program-item.component.html</strong></p>
  
  <pre><code>&lt;button&gt;click me&lt;/button&gt; // button I want to be able to call event on parent component
  </code></pre>
  
  <p>Im aware I could use an event emitter but Ive never used one before and not sure how I would implement it in this case, I havent seen any examples where clicking a button on a child component calls a function on the parent</p>
  
  <p>any help would be appreciated!</p>