限制下拉列表中显示的选项的大小，并使其余部分在angular4中滚动

Question

 <select [ngClass]="{'invalid-class': (!territory.valid && !territory.pristine 
  &&  serviceName.valid)}" class="form-control" 
  (change)="fetctLoS(serviceObject.territory)"
   [(ngModel)]="serviceObject.territory" name="territory" 
   #territory="ngModel" [disabled]="!serviceName.valid">
         <option [value]="" class="deafaultOption"></option>
         <option [ngValue]="item"  *ngFor="let item of territoryList"> . 
         {{item.territory_name}}</option>
  </select>

如何在我的选择中限制选项的数量（例如：10）并使其余部分可滚动

Answer 1

根据您的要求，这是我的解决方案（创建自定义控件）： 希望这能为您提供一个您可以选择的选择。

自定义组件 - scrollable-select

用法：<scrollable-select [showSelect]="showSelect" [unscrollableOptions]="unscrollableOptions" [scrollableOptions]="scrollableOptions" (selectedMenu)="handleSeletedMenu($event)"></scrollable-select>

组件的用户界面

<强>演示 Link

<强>代码 Link

让我知道这种方法是否有用。