大きなデータセットを使用したドロップダウンのバインディングAngular 2

Question

Angularドロップダウン（Angular 2+）を19000+レコードにバインドしようとしています。アプリケーションがハングアップしています。他の操作は実行できません。

私はちょうど同じ

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

のために、任意の他の実行可能な解決策を*ngForを使用していますか？

Answer 1

パフォーマンスが大幅に低下することはありません。 私は商用のソリューションを提案します。私は剣道UIをAngularに使用しています。
私の場合、DropDownListでパートナー（5百万レコード）を選択することができます。私は20のパートナーを表示して、フィルタリングを許可しました。あなたの問題のため

適切なデモは、次のようになります。

• Remote binding
• Filtering

あなたは両方のアプローチを組み合わせることができます。無限のスクロールをサポートする要求もあり、これが最善の方法かもしれません。

支払い済みの解決策が受け入れられない場合は、必要に応じてアイテムを読み込むことができます。最初に20項目を表示し、最後にユーザーがスクロールした後、別のページのレコードをロードします。 Thisがお手伝いします。