Binding Dropdown with large dataset Angular 2

Question

我试图绑定Angular下拉（Angular 2+）与19000+记录，它挂起应用程序，我们无法执行任何其他操作。

我只是用*ngFor，对于同一

<select class="form-control" name="occupation" 
    [(ngModel)]="model.occupation" #occupation="ngModel" required 
    (ngModelChange)="onChange($event)"> 
    <option *ngFor="let c of ocupencycollection;"> 
     {{ c }} 
    </option> 
</select> 

任何其他可行的解决办法？

Answer 1

我不认为你可以做到这一点，而不会严重影响性能。 我会建议一个商业解决方案。我为Angular使用Kendo-UI。
在我的情况下，我允许用户在DropDownList中选择合作伙伴（500万条记录）。我显示了20个合作伙伴，然后允许过滤。

您的问题相应的演示将是：

• Remote binding
• Filtering

您可以结合这两种方法。还有一个请求支持无限滚动，这可能是最好的方法。

如果支付解决方案不可接受，您可以按需加载项目。首先显示20个项目，然后在用户滚动到结尾后，载入另一页记录。 This可能会帮助你。