Ich habe ein Menü erstellt, ich brauche Hilfe bei der Anzeige von MenüunterpositionenAnzeige Menüelemente als Spalte basierend auf Bedingung
Ich habe einen Plünderer erstellt. Bitte gehen Sie dies durch, um eine Idee von dem zu bekommen, was ich will (offener Behälter im Vollbild) https://plnkr.co/edit/IMEJFPfl5kavKvnUYaRy?p=preview
In den oben genannten Plunker habe ich zwei Dropdown-Menü ('Liste' und 'Dropdown').
'Liste' ist hardcoded Wert und ich möchte das Untermenü anzeigen, wie es hier in "Dropdown" ist, wenn ich dynamische Daten bekomme.
‚Dropdown‘ wird immer Untermenüpunkte wie unten,
$scope.items = [
{
"Name": "Item1",
"Url": ""
},
{
"Name": "List1",
"Url": "www.google.com"
},
{
"Name": "List2",
"Url": "www.google.com"
},
{
"Name": "Item2",
"Url": ""
},
{
"Name": "List1",
"Url": "www.w3schools.com"
},
{
"Name": "List2",
"Url": "www.w3schools.com"
}
]
hier, wenn „URL“ == „“, dann sollte es in fett angezeigt werden und bis ich bekommen noch ein „URL“ == „“ alle anderen Gegenstände sollten darunter liegen. Im Idealfall, wenn "Url" == "", sollte es zur nächsten Spalte gehen. So sollte mein html aussehen wie unten mit den obigen Daten
<div class="col-sm-2" >
<li><strong>Item1</strong></li>
<li>list1</li>
<li>list2</li>
</div>
<div class="col-sm-2" >
<li><strong>Item2</strong></li>
<li>list1</li>
<li>list2</li>
</div>
in Plunker i Element, dessen „URL“ getan haben == „“ in fett angezeigt werden, aber alles ist in einzelnen Spalte angezeigt wird. Sobald ich "Url" == "" in ng-repeat finde, möchte ich in eine andere Spalte wechseln. Wie kann ich das machen? Ich versuchte writting Zustand wie unten,
<ul data-ng-class="{'col-sm-3 list-unstyled': item.Url==''}" data-ng-repeat="item in items">
aber nur Elemente mit „URL“ == „“ zur nächsten Spalte bewegen, sind aufeinanderfolgende Elemente nicht. Bitte helfen Sie mir, "Dropdown" wie "List" anzuzeigen, wie in Plunker gezeigt.