How to work with Angular PrimeNg's SlideBar?

0

Look at the two components:

Sidebar

Menu - PanelMenu

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;

REPOSITORY

    
asked by anonymous 02.01.2018 / 11:58

0 answers