如何创建HTML

Question

滚动下拉列表中我有下拉列表：

<ul class="dropNav" ng-init="loadPage('countByDays', 'dataWithTrmGroup', selectedItem)" > 
      <li> 
       <img src="Images/toggle.png" /> 
       {{ selectedItem.name }} 
       <ul> 
        <li ng-repeat="group in groupsData | groupfilter:selectedItem.id" ng-click="changeSelectedObject('countByDays', 'dataWithTrmGroup', group)">{{ group.name }}</li> 
       </ul> 
      </li> 
     </ul> 

和我的CSS

.dropNav { 
    cursor: pointer; 
    list-style: none; 
    padding: 0px; 
    margin: 0px; 
} 
.dropNav li { 
    display: block; 
    position: relative; 
    float: left;  
} 
.dropNav li ul { 
    display: none; 
} 
.dropNav li { 
    width:200px; 
    display: block; 
    background: #93297e; 
    padding: 10px 10px 10px 10px; 
    text-decoration: none; 
    white-space: nowrap; 
    color: #fff; 
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif; 
} 

，当我试图把overflow-y: scroll;

它是滚动的，但它仅显示列表的1个元素。我想看到10元素和其他人将在向下滚动。我试图设置<ul class="dropNav" size="10">但没有好结果。

Answer 1

为此，您应该使用angular-ui-select。通过使用此功能，您可以轻松地在可滚动下拉菜单中使用图像，也可以使用文本（如果需要）。

Working Demo