错误 TS2554：预期 0 个参数，但在角度制作菜单中得到 1答案

【问题标题】：error TS2554: Expected 0 arguments, but got 1 in angular making menu错误 TS2554：预期 0 个参数，但在角度制作菜单中得到 1
【发布时间】：2023-03-22 17:29:01
【问题描述】：

嗨，我想让我的菜单在单击时打开和关闭，但我收到此错误

**> 错误 TS2554：预期 0 个参数，但得到 1 个。

(toggleSideBarForMe)="sideBarToggler($event)"> ~~~~~~

src/app/layouts/default/default.component.ts:5:16 5 模板网址：'./default.component.html', ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 组件DefaultComponent的模板出错。**

这是我的默认 html 代码

<app-header (toggleSideBarForMe)="sideBarToggler($event)"></app-header>


<mat-drawer-container>
    <mat-drawer mode="side" [opened]="sideBarOpen" >
        <app-sidebar></app-sidebar>
    </mat-drawer>
    <mat-drawer-content>
        <router-outlet></router-outlet>
    </mat-drawer-content>
</mat-drawer-container>

<app-footer></app-footer>

这是我的 ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-default',
  templateUrl: './default.component.html',
  styleUrls: ['./default.component.css']
})
export class DefaultComponent implements OnInit {

  sideBarOpen =true;

  constructor() { }

  ngOnInit(): void {
  }
  sideBarToggler() {
    this.sideBarOpen = !this.sideBarOpen;
  }
}

我该如何解决这个错误？

【问题讨论】：

从(toggleSideBarForMe)="sideBarToggler($event)"中删除$event

标签： angular

【解决方案1】：

代码中不需要参数

sideBarToggler() {
  this.sideBarOpen = !this.sideBarOpen;
}

当参数在模板中传递时

sideBarToggler($event)

解决方案是声明参数

sideBarToggler(event: Event) {
  this.sideBarOpen = !this.sideBarOpen;
}

或者不要在模板中传递它

<app-header (toggleSideBarForMe)="sideBarToggler()"></app-header>

【讨论】：