Angular 6 输入单选检查值在编辑表单中不起作用？

Question

这是我的输入电台： 这是在一个模式中，该模式从表格中接收 usuario（用户），每行都有一个编辑按钮。

<div class="form-group">
                <label for="sexo">Sexo {{usuario.sexo === 0}}</label>
            <div class="form-control" [ngClass]="{ 'is-invalid': f.submitted && gender.invalid }">
            <label class="radio-inline">
                <input type="radio" name="gender" required #gender="ngModel"
                value= "0"
                 [(ngModel)]="usuario.sexo"> Femenino
            </label>

            <label class="radio-inline">
                <input type="radio" name="gender" required #gender="ngModel"
                value= "1"  [(ngModel)]="usuario.sexo"> Masculino
            </label>
                
                 
</div>

sexo 是以 db 为单位的整数值（0 表示女性，1 表示男性）。我的表中有两个对象（行），第一个是男性（1），第二个是女性（0），但是当我打开模式时，没有选择两个选项，没有选中任何选项，但标签有效很好：

<label for="sexo">Sexo {{usuario.sexo === 0}}</label> // show true or false correctly, so the value is not null.

根据 usuario.sexo（整数）显示选中的收音机我缺少什么？

Answer 1

在你的 value 属性上使用属性绑定，以便它是 number 类型而不是 string。

[value]= "0"

<label class="radio-inline">
                <input type="radio" name="gender" required #gender="ngModel"
                [value]= "0"
                 [(ngModel)]="usuario.sexo"> Femenino
            </label>