Установка первого переключателя Angular 6 не работает

Я пытаюсь установить первый переключатель в группе для проверки.

У меня есть 6 вкладок и набор шкал, которые нужно отображать как кнопки радио-группы, и первая кнопка должна быть отмечена по умолчанию. Я использую следующий фрагмент кода в своем компоненте сведений. Проверяется только первый переключатель последней вкладки, а те, что на начальных вкладках, не проверяются. Обратите внимание, что последняя вкладка - это последний загружаемый компонент детали.

<div>
<div  *ngFor = "let callauditscale of callauditscales; let i=index" 
class = "form-check form-check-inline ">
<input  class = "form-check-input" [attr.checked] = "i === 0 ? 'checked' : null" 
      type = "radio"  name = "ExpectationOptions" 
        [id] = "getOPtionbuttonId(callauditscale.CallAuditScaleCode)" 
       [value] = "callauditscale.CallAuditScaleCode" >
 <label class = "form-check-label" 
   [for] = "getOPtionbuttonId(callauditscale.CallAuditScaleCode)">
        {{callauditscale.CallAuditScaleCode}}
 </label>
</div>    
</div>

Как мы можем установить первый переключатель на каждой вкладке. Отображаемый HTML-код содержит все атрибуты, отмеченные первым переключателем. Я рассмотрел проблемы, связанные с переключателями, ранее опубликованные на этом форуме, и улучшил свой код, но он все еще не работает