Look at the two components:
First I'll show you how the application is behaving, then I'll show you what I'm trying to implement.
The system behaves like this;
The button for clicking and displaying the menu appears.
Whenyouclickthemenuthebuttondisappearsandthemenuappears.
WhatIneedtodoisthatwhenIclickthebuttonthemenuwillappear,butcontinueshowingthebuttonandclickingthebuttonagainwilldisappearmenu,butcontinuingtoshowthe
ButIdonotknowhowtodothisbecauseI'mnewasanAngularprogrammerandneedhelp.
Hereismycode:
<divclass="container">
<p-sidebar [(visible)]="display" >
<p-panelMenu [model]="items" [style]="{'width':'300px'}"></p-panelMenu>
</p-sidebar>
<button type="text" (click)="display = true" pButton icon="fa-external-link-square" label="Show"></button>
</div>
For those who want access to my project this is my repository;