为什么在 angular typescript 中使用 onclick 事件必须给它一个 void 类型？

Question

我试图在用 Angular 编写的打字稿中调用 onclick 函数，但是，我不知道为什么会出现此错误。

有谁知道如何解决此类问题？请帮忙给我一些建议，在此先感谢！

Answer 1

element.onclick = redirection(); 不是你想要的，是吗？这意味着您正在将 onclick 事件处理程序设置为 redirection() 的结果，而它恰好是未定义的（因为它是一个空函数）

我想你想这样做：

element.addEventListener('click', this.redirection.bind(this) );

此外，你不应该在 Angular 中应用这样的事件。这是一个巨大的反模式。 相反，找到模板中的元素并以正确的方式应用点击事件

示例：

<div (click)="redirection()">...</div>

或者，更好的是，如果 /ticketdashboard 是一条 angular 路线：

<div routerLink="/ticketdashboard">...</div>

Answer 2

.onclick 需要一个函数，您似乎正在将它分配给函数调用的结果。

尝试

element.onclick = redirection;

Why using onclick event in angular typescript must give it a void type?