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可能會幫助你。