3

So I have an array with over 45,000 items and i want to make an ng-select component. I tried displaying the options using ng-option and *ngFor but the component got really slow to load. However, when I used ng-template and [items] property on ng-select, it loaded really fast. Does anyone know why is this happening? Why is ng-template faster than ngFor?

With ng-option:

<ng-select [multiple]="false" [(ngModel)]="selected" [virtualScroll]="true" [items]="list">
  <ng-option *ngFor="let item of list" [value]="item">{{item}}</ng-option>
</ng-select>

With ng-template:

<ng-select [multiple]="false" [(ngModel)]="selected" [virtualScroll]="true" [items]="list">
  <ng-template ng-option-tmp let-item="item">
    {{item}}
  </ng-template>
</ng-select>

0 Answers0