Angular - 错误 TS2554：预期 1 arguments，但得到 0

Question

我正在使用 Angular-11。

我有这个代码：

header.component.html：

<a class="btn btn-danger btn-flat float-right" href="javascript:void(0)" (click)='logout()'>退出

header.component.ts：

logout($event: MouseEvent){
  // tslint:disable-next-line:no-unused-expression
  $event.preventDefault();
  this.loggedIn = false;
  this.token.remove();
  this.auth.changeAuthStatus(false);
  this.router.navigateByUrl('/login');
  this.notify.info("Logout Succesfully", {timeout:2000});
}

我收到了这个错误：

错误 TS2554：预期为 1 arguments，但得到 0

<a class="btn btn-danger btn-flat float-right" href="javascript:void(0)" (click)='logout()'>退出

它突出显示注销（）。

我该如何解决这个问题？

谢谢

Answer 1

您的logout方法需要您未提供的参数（事件）。

在模板中，您必须编写(click)='logout($event)' 。

$event是 Angular 提供的代表事件的变量。

Answer 2

你应该通过$event object。

(click)='logout($event)'

Answer 3

您的logout function 具有MouseEvent参数，并且您没有在 html 文件中发送它。

您的 html 模板应该是

<a class="btn btn-danger btn-flat float-right" href="javascript:void(0)" (click)='logout($event)'>Sign out