Angular 7 reactive -动态添加到FormArray的下拉列表显示错误太快

Angular 7是一种流行的前端开发框架，它提供了一种响应式编程的方式来构建动态的Web应用程序。在Angular中，FormArray是一种用于处理表单中重复的表单控件的特殊数据结构。当我们动态地向FormArray中添加下拉列表时，有时会出现下拉列表显示错误太快的问题。

这个问题通常是由于异步操作引起的。当我们向FormArray中添加下拉列表时，可能会发生网络请求或其他异步操作，导致下拉列表的选项还没有完全加载完成就被显示出来。为了解决这个问题，我们可以采用以下方法：

1. 使用Angular的异步管道（AsyncPipe）：在模板中使用AsyncPipe可以自动订阅和取消订阅异步操作的结果。我们可以将异步操作的结果直接绑定到下拉列表的选项上，这样当异步操作完成时，下拉列表的选项会自动更新。
2. 使用ngIf指令：在模板中使用ngIf指令可以根据条件来延迟显示下拉列表。我们可以在异步操作完成之前将ngIf设置为false，待异步操作完成后再将ngIf设置为true，这样可以确保下拉列表的选项只在异步操作完成后才会显示出来。
3. 使用rxjs的延迟操作符（delay）：在代码中使用rxjs的延迟操作符可以延迟显示下拉列表的选项。我们可以在异步操作完成后使用延迟操作符来延迟一段时间再显示下拉列表的选项，这样可以确保下拉列表的选项在异步操作完成后才会显示出来。

总结起来，解决Angular 7中动态添加到FormArray的下拉列表显示错误太快的问题，可以使用Angular的异步管道、ngIf指令或rxjs的延迟操作符来延迟显示下拉列表的选项，确保它们在异步操作完成后才会显示出来。

腾讯云提供了一系列与Angular开发相关的产品和服务，例如云服务器、云数据库、云存储等，可以满足前端开发、后端开发和部署的需求。具体的产品介绍和链接地址可以参考腾讯云官方网站的相关页面。