Typescript API调用后未填充多个下拉列表

我的应用程序中有多个下拉列表，其中每个下拉列表都在API调用后获取值。但只有在一个下拉列表中，它填充了值，其余的没有填充值

{{metricDataOption.name}
{{instanceDataOptions.resId}

这是我的Typescript文件，我在其中进行API调用

responsedropdownlata:any；
responseDropDownDataVal=[]；
ResponsedRopDownData例如：任何；
responseDropDownDataForInstanceVal=[]；
this.http.get（environment.envUrl+'/cloudWatch/dropDownForMetrics？'+params，{headers}）
.订阅（数据=>{
this.responseDropDownData=数据；
console.log（“下拉数据”）；
this.responseDropDownDataVal=this.responseDropDownData.data；
console.log（this.responseDropDownDataVal）；
此.bootstrapSelectDirective.refresh（）；
});
this.http.get（environment.envUrl+'/cloudWatch/getInstance？'+params，{headers}）
.订阅（数据=>{
this.responseDropDownDataForInstance=数据；
this.responseDropDownDataForInstanceVal=this.responseDropDownDataForInstance.data；
console.log（“下拉数据”）；
console.log（this.responsedDropDownDataForInstanceVal）；
此.bootstrapSelectDirective.refresh（）；
});

通过API调用，我可以绑定控制台中填充的值，但它没有显示在dropdownlist上的相同数据。有人能告诉我代码中的错误在哪里吗

---

您是否在此处使用了错误的变量

*ngFor=“let instancedata options of cities”

当数据返回时，我看不到您的代码中填充了该变量。我正在检查解决方案，意思是我粘贴了错误的代码，但编辑了它。但它仍然不起作用。您可以参考正在填充数据的图像@DanielWStrimpelLooks认为在第二次选择时没有

bootstrapSelect

指令。这可能意味着您需要在组件中为此设置另一个

bootstrapSelectDirective

变量，以便您可以在其上调用

refresh

方法。谢谢@DanielWStrimpel它现在正在工作。把评论贴出来，我会批准的。