Как вывести данные по выбранному значению?

Question

[AnnaVerst]

У меня есть два Json файла (houses и apartments). Не могу сообразить как при выборе из списка значения houses , сравнить его id с hid другого json файла(apartments) и вывести в списке соответствующие значения.

<select class="form-control" formControlName="house" name="" id="" >
          <option *ngFor="let item of housesList" [value]="item.name">{{item.name}}</option>
        </select>

        <select class="form-control" formControlName="apartments" name="" id="">
          <option *ngFor="let apart of apartmentsList" [value]="apart.name">{{apart.name}}</option>
        </select>

import houses from './_files/houses.json';
import apartments from './_files/apartments.json';

  constructor(private fb: FormBuilder) {
    this.heroForm.setValue({
      house: this.model.house,
      apartments: this.model.apartments
    });
  }

  housesList:{id:string, name:string}[] = houses;
  apartmentsList:{hid:string, name:string}[] = apartments;

[
  {
    "id": 1,"name":"Ленина 1"},
  {
    "id": 2,"name":"Республики 1"
  }
]

[
  {
    "id": 1,
    "hid": 1,
    "name":"Кв. 1",
    "area": 20
  },
  {
    "id": 7,
    "hid": 2,
    "name":"Кв. 1",
    "area": 120
  }
]