顯示菜單項作爲列基於我創建了一個菜單條件

-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中所示。

來源

2016-04-26 apps

我不知道爲什麼人們給這個問題減去一點。如果答案非常簡單，請讓我知道。我很努力地從這麼多天做起。如果你還沒有理解這個問題，那麼讓我知道，我會說清楚。我盡力表達了這個問題。

來源

2016-04-27 02:33:41 apps

顯示菜單項作爲列基於我創建了一個菜單條件

回答

相關問題