Клавиша Tab не работает с formgroup angular

Question

У меня проблема с tabindex в группе форм. Это не сработало, когда я нажал клавишу табуляции с переключателем в группе форм, он сосредоточился только на первой группе переключателей и не работал для следующих других. Я установил tabindex для других, но он тоже не работал. Не могли бы вы дать мне решение? Большое спасибо. Вот мой код:

<div *ngFor="let question of questions; let i = index" class="single-question" [ngClass]="{'is-disabled': isBigBrandAds || (isBlurAds && i !== 0)}"><span class="title is-3">{{ question.id }}. {{ question.title }}</span>
          <div class="group-ans" (keyup)="highLighTab($event)">
            <label *ngFor="let option of question.quality_question_option_models; let j = index" class="radio-custom">
              <input *ngIf="i <= 1" [tabIndex]="i === 0 ? -1 : 0" type="radio" name="{{ 'question#' + question.id }}" [value]="option.id" [formControl]="form.controls.questions['controls'][i]" (change)="onOptionSelected(option.id)">
              <input *ngIf="i > 1" [tabIndex]="i" type="radio" name="{{ 'question#' + question.id }}" [value]="option.id" [formControl]="form.controls.questions['controls'][i]" (change)="onOptionSelected(option.id)">
              <img *ngIf="option.option_type === 2" class="img-bc" src="{{ option.title }}" alt="Za - ARC">
              <span *ngIf="option.option_type === 1">{{ option.title }}<span *ngIf="option.id === suggestQuality" style="color:#757575"> (đề xuất)</span></span>
              <span class="checkmark"></span>
            </label>
          </div>
        </div>