使用大型数据集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可能会对您有所帮助。