Скрыть параметры выбора в angular на основе выбора вкладки

Question

• Я хочу реализовать выборку, в которой всего четыре опции

  Есть две вкладки

  , если активной вкладкой является 'ab c', только две опции выбора должны быть видны.

  Я попробовал приведенный ниже код, но он скрывает две опции для обеих вкладок.

  Кто-нибудь может посоветовать?

                    <select id="taxRateTypeId" class="form-control" [(ngModel)]="currentTaxRate">
                        <option value="one">one</option>
                        <option value="two">two</option>
                        <div *ngIf="activeTab === 'abc'">
                         <option hidden value="three">three</option>
                        <option hidden value="four">four</option>
                      </div>

                    </select>

Answer 1

Просто поместите * ngIf на отдельные элементы опции.

<select>
  <option value="one">one</option>
  <option value="two">two</option>
  <option *ngIf="activeTab === 'abc'" value="three">three</option>
  <option *ngIf="activeTab === 'abc'" value="four">four</option>
</select>

Answer 2

Вместо использования *ngIf в div вы должны использовать его в ng-container

<ng-container *ngIf="activeTab === 'abc'">
     <option  value="three">three</option>
     <option value="four">four</option>
</ng-container>