2016-04-26 43 views
-1

,我需要在菜单子项目显示菜单项作为列基于我创建了一个菜单条件

我创建了一个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中所示。

回答

0

我不知道为什么人们给这个问题减去一点。如果答案非常简单,请让我知道。我很努力地从这么多天做起。如果你还没有理解这个问题,那么让我知道,我会说清楚。我尽力表达了这个问题。

相关问题