1

我正在做一个项目，我想用某个国家的所有城市填充一个选择框。我从我的数据库中得到的数组大约有 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>

我试图让它使用虚拟滚动来加速，但我没有找到很好的例子来说明如何将它与选择框一起使用，这也不能解决由 2 路绑定引起的渲染延迟。有没有人有我可以遵循的解决方案。我仍然是 Angular 的大三学生，所以任何帮助都非常受欢迎。

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

4

0 回答 0