如何通过角度检查空格键事件？

Question

我有一个使用以下语法的 angular 模板：

(click)="dosomething()"

这工作正常。我现在需要在返回或空格键时触发相同的事件。我添加了这个返回：

(keyup.return)="dosomething()"

这也很好用。

到了空格键，我无法让它工作。我两个都试过...

(keyup.space)="dosomething()"

...也...

(keyup.spacebar)="dosomething()"

...但两者都不起作用。在这两种情况下，按空格只是默认浏览器行为并向下滚动页面。

keyup 甚至似乎是记录在案的解决方案（至少就我所能找到的而言），所以我很困惑我在这里可能会遗漏什么。

Answer 1

为了达到预期的结果，使用(keyup.Space)而不是(keyup.space)（大写中的'S'）

<input (keyup.Space)= "doSomething()">

工作代码示例供参考 - https://stackblitz.com/edit/angular-dmvr52?file=src/app/app.component.html