Каскад <select>не работает с $ event

Question

Работа с Angular 8 У меня проблема с пониманием того, как не работает мой каскадный выпадающий список, вот проблема:

У меня есть один выбор с именем Прейскурант и другой Валюта , Валюта зависит от прейскуранта, поэтому значения не отображаются раньше (значения, которые я получаю от JSON), проблема заключается в том, что я не знаю, как правильно установить [ngValue] прайс-листа для отображения текущих cie кодов в зависимости от выбранного прайс-листа.

Вот пример кода, спасибо за ваше время

HTML

 <div class="flex2 pl10">
  <select formControlName="pricelist" class="form-control" (change)="selectedPriceListIndex = $event.target.value" [ngClass]="{'is-invalid': submitted && f.pricelist.errors}" >
    <option value="" > Select a pricelist </option>
    <option  *ngFor="let p of filter.ListPricelist; let i = index;" [ngValue] ="p.id" id="pricelist_id" >{{p.label}}</option>
  </select>
</div>

 <div class="flex2 pl10">
  <select formControlName="currency" [ngClass]="{'is-invalid': submitted && f.currency.errors}" class="form-control">
    <option value >Select a currency</option>
    <option  *ngFor="let c of filter.ListPricelist[selectedPriceListIndex]?.currencies" [ngValue]="c.id">{{c.code}}</option>
  </select>
 </div>

JSON

TS

selectedPriceListIndex: number;