Angular PrimeNg-SideNav关闭时回调

Question

我正在使用这个priming链接-https://www.primefaces.org/primeng/#/sidebar

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

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>