Angular PrimeNg- SideNav上的回调close

Question

我正在使用此基本链接-https://www.primefaces.org/primeng/#/sidebar

我正在尝试获取回调或调用方法sidenavClosed()，该方法应在sidebarnav以任何一种方式关闭（通过单击sidebarnav外部或使用close图标或任何事件关闭）时触发。

https://stackblitz.com/edit/primeng-template-zvbmdq?file=app%2Fapp.component.ts

Answer 1

您可以通过调用内置的onHide回调来实现，在HTML中将(onHide)="sidenavClosed()"添加到p-sidebar标签中：

<p-sidebar (onHide)="sidenavClosed()" class="menuPanel" [(visible)]="opened" position="right" [showCloseIcon]="true" autoZIndex="true" baseZIndex="99999">
Sidebar1

</p-sidebar>