我有一个typeahead,我想限制结果的高度,并允许用户滚动并进行选择。
我通过覆盖模板并使用max-height和overflow-y来完成这项工作。虽然当用户使用键盘在列表中移动时,这会产生效果,但列表实际上并不滚动。
这是我的模板覆盖:
<script id="template/typeahead/typeahead.html" type="text/ng-template">
<ul class="typeahead dropdown-menu results" ng-style="{display: isOpen()&&'block' || 'none', top: position.top+'px', left: position.left+'px'}">
<li ng-repeat="match in matches" ng-class="{active: isActive($index) }" ng-mouseenter="selectActive($index)" ng-class-odd="'odd'">
<a tabindex="-1" ng-click="selectMatch($index)" ng-bind-html-unsafe="match.label | typeaheadHighlight:query"></a>
</li>
</ul>
</script>
CSS:
.results {
max-height: 200px;
overflow-y: auto;
}