,我需要在菜单子项目显示菜单项作为列基于我创建了一个菜单条件
我创建了一个plunker的显示帮助。请通过这个来了解我想要的东西(全屏打开)。 https://plnkr.co/edit/IMEJFPfl5kavKvnUYaRy?p=preview
在上面的重复中,我有两个下拉菜单('List'和'Dropdown')。
'List'是硬编码的值,我想显示子菜单,因为它在'Dropdown'中时显示在我获得动态数据时。
“下拉”越来越如下子菜单项,
$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"
}
]
这里如果“URL” ==“URL” ==“”其他“那么就应该在大胆,直到我得到一个更显示”项目应该隐藏在它下面。理想情况下,当“Url”==“”时,它应该移动到下一列。所以,我的HTML看起来应该如下面在plunker上述数据
<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>
我做了他的“网址” ==“”以粗体显示的项目,但一切都在一列中显示。只要我在ng-repeat中找到“Url”==“”我想要移动到其他列。我怎样才能做到这一点? 我试着书面方式条件如下图所示,
<ul data-ng-class="{'col-sm-3 list-unstyled': item.Url==''}" data-ng-repeat="item in items">
而只用“URL” ==“项目”被移动到下一列,连续项目都没有。请帮助我使“下拉”显示为“列表”,如plunker中所示。