Двухстороннее связывание данных в автозаполнении компонента

Question

У меня есть Filter autocomplete i, e (Тип транспортного средства) и Select with multiple selection i, e (Модель транспортного средства) компонентов на той же странице, как показано на изображении ниже:

Здесь я хочу выполнить 2-стороннее связывание данных с компонентом Select with multiple selection.

Еслия выбираю Vehicle Type как Автомобили , а затем автомобили Vehicle Model, которые приходят следующим образом:

Если я выберуVehicle Type как Велосипеды , затем велосипеды Vehicle Model, как это происходит:

Вот stackblitz ссылка.

Answer 1

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

Попробуйте это

ngOnInit() {
    this.list = this.CarList;
    this.filteredOptions = this.myControl.valueChanges
      .pipe(
        startWith(''),
        map(value => this._filter(value))
      );
    this.myControl.valueChanges.subscribe((d) => {

      if (d === 'Cars') {
        this.list = this.CarList;
      } else {
        this.list = this.BikeList;
      }
    })

Пример: https://stackblitz.com/edit/angular-4kxeab-glx4vg