Angular: хотите обновить выпадающий список на основе значения, выбранного в другом выпадающем списке

Question

Я выбираю значение демона (место, имя или предмет), и у каждого этого демона есть свой список товаров (снова выпадающий список). Я повторил это в stackblitz здесь stackblitz кода, что я пытался .

Что я не могу сделать, это обновить второй раскрывающийся список на основе значения выбранного демона.

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';

и удалите присвоение this.productGroupOptions из ngOnInit()

Обновлен Stackblitz