Как предварительно выбрать [проверено] первый переключатель, используя значение индекса цикла ngfor

Question

Мне нужно предварительно выбрать начальный переключатель в группе

в этом методе петли ниже-ng-for, используя основанное на индексе условие на входе

<div class="left-menu" *ngFor="let position of allStyles">
        <h4>{{position.position_name}}</h4>
        <div class="checkbox" *ngFor="let subpostion of position.sub_position.items; index as i" >
            <label>
               <input type="radio" [id]="position.position_name+i" [name]="'group'+position.position_name" [value]="subpostion.id" [(ngModel)]="custom[position.position_name]"  [checked]="i === 0" >
                      {{subpostion.subposition_name}}
            </label>
         </div>
</div>

Проблема:

Первая радиокнопка в группе, не выбранная на основании условия, которое я дал [проверено] = "i === 0"

Примечание:

1.Хотите управлять предварительным выбором из самой части представления, чтобы не устанавливать никаких значений по умолчанию в компоненте. Ts

2.Пожалуйста, не отмечайте его как дубликат. Я ссылался на все ссылки как связанные сэто не решение

Answer 1

Если вы работаете с value и [(ngModel)], то вам необходимо инициализировать значение, радиокнопку которого вы хотите сначала выбрать, чтобы сохранить его значение, и не нужно устанавливать свойство checked в шаблоне html.

пример здесь: значение и ngModel