Включить флажок выбора при установленном внутри цикла for

Question

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

Item - это элемент Checkbox. Отметка элемента должна включать ТОЛЬКО под ним Выбрать. В этом выборе есть числа для назначения приоритета.

Вот так -

Условие ТОЛЬКО, что выбор должен быть включен для которого установлен флажок.

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

<div class="panel-body">
  <div *ngFor="let wt of Wts; let i=index">
    <input type="checkbox" [(ngModel)]="wt.ischecked" name="rdWt" (change)="changeforSelectedWt(wt)" />{{wt.Name}}
    <br/>
    <u>Current Priority</u> : {{currentPriority}}
    <select class="form-control" (change)="priorityChanged(selectedPriority)" style="width:200px">
      <option value="0">Select New Priority</option>
      <option *ngFor="let wt of Wts; let priority=index">
        {{priority + 1}}
      </option>
    </select>
  </div>
</div>

Событие изменения флажка выглядит следующим образом ниже

changeforSelectedWt(data) {
  //debugger;
  console.log('event data is---', data);
  this.spinner.show();
  this.Wts.forEach(x => {
    // debugger;
    if (x.ischecked == true) {
      debugger;
      console.log(x);
    }
    this.spinner.hide();
  });
}

Как я могу убедиться, что ТОЛЬКО, когда я устанавливаю какой-либо флажок, флажок «Выбрать» под ним должен быть включен, а остальные остаются отключенными. Мне также нужны значение флажка и значение в select.

Действительно ли это возможно при таком подходе или мне нужно создать Индивидуальный элемент управления в html.