Question

我创建了一个菜单，我需要帮助显示菜单子项

我创造了一个plunker。请仔细阅读以了解我想要的东西（全屏开启） https://plnkr.co/edit/IMEJFPfl5kavKvnUYaRy?p=preview

在上面的plunker中我有两个下拉菜单（＆＃39; List＆＃39;＆＃39; Dropdown＆＃39;）。＆＃39;列表＆＃39;是硬编码的值，我想显示子菜单，因为它在＆＃39; Dropdown＆＃39;当我得到动态数据时＆＃39;下拉＆＃39;得到如下的子菜单项，

 $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"
        }
      ]

此处如果＆＃34; Url＆＃34; ==＆＃34;＆＃34;，然后它应该以粗体显示，直到我再得到一个＆＃34; Url＆＃34; ==＆＃34;＆＃34;所有其他项目应该在它下面。理想情况下，当＆＃34; Url＆＃34; ==＆＃34;＆＃34;然后它应该移到下一列。所以我的html应如下所示，上面的数据

<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>

在plunker中，我已完成了＆＃34; Url＆＃34; ==＆＃34;＆＃34;以粗体显示，但所有内容都以单列显示。我一找到＆＃34; Url＆＃34; ==＆＃34;＆＃34;在ng-repeat中我想转移到其他列。我怎样才能做到这一点？我尝试写下面的条件，

 <ul data-ng-class="{'col-sm-3 list-unstyled': item.Url==''}" data-ng-repeat="item in items">

但只包含＆＃34; Url＆＃34; ==＆＃34;＆＃34;正在移动到下一列，连续的项目不是。请帮助我制作＆＃39; Dropdown＆＃39;显示像＆＃39;列表＆＃39;如图所示。

Answer 1

我不知道为什么人们给这个问题减分。如果答案很简单，请告诉我。这么多天我都在努力做到这一点。如果您还没有理解这个问题，请告诉我，我会说清楚。我尽力传达这个问题。

根据条件将菜单项显示为列

1 个答案: