Binding multiple events to an element in angular 2
<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>