在Angular 2中将多个事件绑定到元素

Question

这是我的组件模板

<input #emailId (focusout)="emailIdCheck(emailId.value)" #emailIDD (keydown.tab)="emailIdCheck(emailIDD.value)" type="text" placeholder="Your Email ID">

正如您所看到的，我已将 focusout 事件以及 keydown.tab（按下tab键） 事件绑定到了组件类中的一个方法。

但是如果我想要绑定许多事件，这样看起来很丑并且不具有可伸缩性。

是否存在以下类似的可能性？

<input #emailId (focusout|keydown.tab)="emailIdCheck(emailId.value)" type="text" placeholder="Your Email ID">

免责声明：我几周前开始练习使用angular2，并且仍然是新手

- Giridhar Karnik

Answer 1

https://github.com/angular/angular/issues/6675

2016年10月3日

近期内不计划实现该功能。

- Günter Zöchbauer

---

我看到他们关闭了这个问题，但我们仍然没有这个功能。有人知道关于这个的任何消息吗？ - Pankwood

Answer 2

你可以尝试这个：

<input #email (blur)="emailIdCheck(email.value)" (keydown.tab)="email.blur()" type="text" placeholder="Your Email ID">

- Abdjalil Brihoum

---

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心找到有关如何编写良好答案的更多信息。 - Community