title: Binding multiple events to an element in angular 2
body: <p>Here is my component's template</p>
  
  <pre><code>&lt;input #emailId (focusout)="emailIdCheck(emailId.value)" #emailIDD (keydown.tab)="emailIdCheck(emailIDD.value)" type="text" placeholder="Your Email ID"&gt;
  </code></pre>
  
  <p>As you can see I have bound the <code>focusout</code> event as well as <code>keydown.tab (tab keydown)</code> event to a method in my component class.</p>
  
  <p>But this looks ugly and does not scale well if I want to bind a number of events.</p>
  
  <p>Is there a possibility to have something like the below?</p>
  
  <pre><code>&lt;input #emailId (focusout|keydown.tab)="emailIdCheck(emailId.value)" type="text" placeholder="Your Email ID"&gt;
  </code></pre>
  
  <p>Disclaimer: I started practicing angular2 couple of weeks back and am still new</p>