显示<li>中的所有项目

Question

所以我有一个包含超过1000个项目的列表，我使用自定义Bootstrap下拉列表显示它使用

<ul ng-repeat="items in list"> 
<li> 
{{items}}
</li> 
</ul>

现在它只显示到屏幕末尾的项目，大约有100个项目。

我尝试添加overflow：auto但它没有帮助。

 //not working
<ul ng-repeat="items in list" style="overflow:auto"> 
    <li> 
    {{items}}
    </li> 
    </ul>

任何其他方式添加滚动条，以便我可以滚动我的1000项？

Answer 1

 max-height: 400px;overflow: hidden;overflow-y: auto;"

通过将这些添加到我的CSS来修复它。