单击关闭sidenav

时间:2018-11-16 06:56:38

标签: angular events

我有重要的陪伴。

我在其附近添加了一个按钮,并希望从父组件中将其关闭。

有没有一种方法可以直接从(单击)事件输出?

如果没有。如何将clickEvent发送给父对象?

现在我有:

SIDENAV HTML

<button mat-button (click)="CloseSidenav();"><mat-icon svgIcon="package-variant-closed"></mat-icon></button>

SIDENAV TS

  @Output()
  closeSideNav: EventEmitter<any> = new EventEmitter<number>();


  CloseSidenav(){
    this.closeSideNav.emit();
  }

父组件HTML

<mat-sidenav-content (closeSideNav)="_closeSidenav($event)"> 

父组件TS

  _closeSidenav(){
    this._sidenav.close(); 
  }

我可以一步一步做吗?如何将DOMClickEvent从输出传递给父级?

0 个答案:

没有答案