Скрыть вложенный элемент div на основе индекса

Question

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

Вот мой код

HTML

<div id="medicalCard" class="medicalCard" *ngFor="let provider of companyMedicalAidProvider; let i = index;">
...
 <div id="option" class="row option" *ngFor="let providerOptions of companyMedicalAidProvider[0].selectedMAP[i].options; let b = index;">
  <button (click)="removeOption(b,i)">X</button>
 </div>
...
</div>

TS

removeOption(index: number) {
  this.deleteOption.emit(index);
  var x, i;
  x = document.querySelectorAll(".option");
  for (i = 0; i < x.length; i++) {
      x[index].style.display = "none";
  }
}

В настоящее время я могу скрывать только внешние элементы div.