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

绑定到* ngFor内的属性

1 个答案: