我在我的应用程序中使用ng2-completer,当我们开始输入一些东西时,它会调用API,它会从服务器获取记录,它的工作正常。
问题是如果完成者获得超过50个条目,那么它重叠整个屏幕,我怎样才能限制下拉长度?
我试过下面的CSS,但它不工作。
Angular 2:如何限制ng2-completer中搜索结果的数量?
.completer-dropdown {
overflow-y: auto !important;
max-height: 100px !important;
}
这是我的HTML代码。
<ng2-completer placeholder="Enter Your Locality Name" class="overlay" [dataService]="dataServiceForLocality" [minSearchLength]="3" [fieldTabindex]="2" [(ngModel)]="localityValue" (selected)="selectedLocality($event)" [textSearching]="'Please wait...'" formControlName="locality" style="height: 50px;" (keyup)="onKey($event.target.value)"></ng2-completer>
您可以检查活生生的例子here。
雅@Peter我们可以回到10至15条记录,但我希望把所有的记录,想过滤的形式仅..但最高记录指令不NG2补足者,我认为实现记录。截至目前,我只返回前10条记录。谢谢 。 –
你有没有尝试过我编辑过的CSS?它可以通过滚动条来实现。 –
你能告诉我你是怎么用CSS试过的吗?我已经在浏览器中直接尝试过它(通过F12开发者控制台添加样式),只是一个概念验证,并且您可以在屏幕截图中看到,完美运行。 –