Angular PrimeNg- SideNav 关闭时的回调

Question

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

我正在尝试获取回调或调用一个方法 sidenavClosed() 当侧栏导航以任何方式关闭时（通过单击外部侧栏导航或使用关闭图标或任何事件关闭）应该被触发。

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>

Angular PrimeNg- SideNav 关闭时的回调

Angular PrimeNg- Callback on SideNav close

primeng

angular

angular7