Angular4 Ng对于具有大数组的选择框

Question

我正在开展一个项目，我希望在该项目中填充某个国家/地区所有城市的选择框。我从我的数据库中获得的数组大约有2800条记录。当Angular呈现此选择框时，虽然数据已准备好以非常快的速度呈现，但它需要很长时间。

这是我的HTML代码：

<div class="form-group">
    <label for="city">City</label>
    <select type="text" id="city" class="form-control" ngModel name="city" required [ngModel]="user?.city.zipcode">
           <option *ngFor="let city of cities" value="{{city.zipcode}}">{{city.cityName}}</option>
    </select>
</div>

我试图让它加速使用虚拟滚动但我没有找到如何在选择框中使用它的非常好的例子，这也不能解决由双向绑定引起的渲染延迟。有没有人有这方面的解决方案，我可以遵循。我还是Angular的大三学生，所以任何帮助都非常受欢迎。

感谢您提前花时间和精力！