Angular：想要根据在另一个下拉列表中选择的值更新下拉列表

Question

我选择守护程序值（地点、名称或事物），每个守护程序都有专用的产品列表（再次下拉）。我已经在 stackblitz 中复制了这个stackblitz of code what I tried。

我无法根据所选守护程序的值更新第二个下拉列表。

Answer 1

修改你的selectDaemon函数如下

selectDaemon(value){
   console.log("daemon selected"+value);
   this.globalValueDaemon = value;
   let selectedProductList = this.stateGroups.find(item=>item.daemon==value).productlist;
   this.productGroupOptions=of(selectedProductList)
}

将of 运算符的导入添加为

import {Observable,of} from 'rxjs';

并从ngOnInit() 中删除对this.productGroupOptions 的分配

Updated Stackblitz