如何使用异步在FormControl中的服务调用响应中设置默认值选择

Question

我有一个来自服务调用的对象值数组，默认情况下需要将第一个值绑定到表单控件中，而选择该控件时需要显示所有值：

例如）

停止服务：

productList:[{id:1,'name':'samsung'},{id:2,'name':'nokia'},{id:4:'name':'Lg'}];

在组件中：

反应形式：声明

this.productForm = this.fb.group({
productname:[[this.productlist[0]]]

});

FetchData服务：

this.productListOptions$ = this.productService.fetchProduct().pipe(map(response:ModelClass[]) =>{
this.productList= response;
});

在响应中，我到达了对象数组之上。

在HTML中，我已使用this.productListOptions$ | async.

进行绑定

如果我们在有效的变量中的对象中声明响应，但是当我们从服务控件获得响应时，它将被初始化并且不绑定值。

还有其他选项可以将初始值与默认值绑定。

感谢提供解决方案。

O.p：默认情况下应显示三星。

选择控件时，应显示三星，诺基亚和Lg。