Wszedzie szukalem, nie zlanazlem, moze tu pomozecie:)
Szukam takiego menu:
HeaderItem1------ //expandable
---previous items ///maybe some arrow here or just hovering a mouse will display previous items
item9---
item10--
item11--
--next items---
HeaderItem2-------
---previous items
item22---
item23--
item24--
--next items---
Mam 3 kategorie glowne, rozszerzalne, i dla kazdej kategorii moge miec z bazy danych wyciagnietych nawet 1000 menu items... Oczywiscie wyswietlenie ich od razu spowoduje, ze menu stanie sie bardzo dlugie...Czy sa jakies w miare gotowe tego typu side menu dla Angulara? NIe mam za bardzo czasu na pisanie czegos podobnego od nowa albo modyfikacja mojego aktualnego menu z biblioteki primeNG:
component:
items: MenuItem[];
this.items = [
{
label: 'Environmental',
icon: dotIcon,
items: [
{
label: 'Question 1',
icon: dotIcon,
expanded: false,
visible: false,
},
{
label: 'Question 2',
icon: dotIcon,
},
{
label: 'Question 3',
icon: dotIcon,
},
],
}, {
label: 'Social',
icon: dotIcon,
items: [
{
label: 'Question 4',
icon: dotIcon,
},
{
label: 'Question 5',
icon: dotIcon,
},
{
label: 'Question 6',
icon: dotIcon,
},
],
},
{
label: 'Governance',
icon: dotIcon,
items: [
{
label: 'Question 7',
icon: dotIcon,
},
{
label: 'Question 8',
icon: dotIcon,
},
{
label: 'Question 9',
icon: dotIcon,
}, {
label: 'Question 10',
icon: dotIcon,
},
],
},
];
template:
...
</div>
<p-panelMenu [model]="items" [style]="{'width':'300px'}"></p-panelMenu>
</div>
...