Привязка к свойству внутри * ngFor

Question

У меня есть простой цикл таблицы, но я не могу получить выбранный переключатель, чтобы обновить свойство. Я написал этот HTML:

<tr *ngFor="let question of questionsFor(category)">
    <td>{{ question.question }}</td>
    <td>
        <input type="radio" value="1" name="{{ question.id }}" [ngModel]="question.pass">Pass
        <input type="radio" value="0" name="{{ question.id }}" [ngModel]="question.pass">Fail
    </td>
</tr>

Когда я нажимаю кнопку отправки и смотрю на свойства pass в массиве вопросов, все они устанавливаются на undefined.

Массив вопросов - это простой класс.

export class SmbwaQuestion {
    id: number;
    question: string;
    pass: number;
}

Answer 1

Для запуска двустороннего связывания следует использовать нотацию [(ngModel)], в противном случае значение не обновляется в родительском компоненте

<input type="radio" value="1" name="{{ question.id }}" [(ngModel)]="question.pass">Pass
<input type="radio" value="0" name="{{ question.id }}" [(ngModel)]="question.pass">Fail