微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ng-select:使用ng-option和ng-template有什么区别?

如何解决ng-select:使用ng-option和ng-template有什么区别?

所以我有一个包含45,000多个项目的数组,我想制作一个ng-select组件。我尝试使用ng-option和* ngFor显示选项,但是该组件的加载速度确实很慢。但是,当我在ng-select上使用ng-template和[items]属性时,加载速度非常快。有人知道为什么会这样吗?为什么ng-template比ngFor快?

使用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>

使用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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。