如何在Angular2模板中收听事件？

Question

此代码将在点击事件

上触发foo（bar）

<li (click)="foo(bar)"></li>

我尝试使用

(focus)="foo()"

和

(blur)="foo()"

但它不起作用。

1）我在哪里可以找到模板中实现的eventlisteners的列表？

2）如果click和keyUp是我可以在模板中调用的唯一事件监听器，那么处理其他事件的模式是什么？

Answer 1

来自Angular 2 template-basics Angular 2支持https://developer.mozilla.org/en-US/docs/Web/Events

中的所有dom事件

以下是焦点工作的示例： Plunker

<input type="text" name="firstname" (focus)="focused()">

focused(){
   alert('focused');
 }