Angular 6输入无线电检查值不能在编辑表单中工作吗?

时间:2018-11-28 22:08:11

标签: angular radio-button angular6

这是我的输入广播: 这是在模态中,该模态从表中接收用户名(用户),每行中都有一个编辑按钮

<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),但是当打开时modal,两个选项都没有被选中,没有选项被选中,但是标签工作正常:

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

我想念的是什么??根据usuario.sexo(整数)显示选中的收音机?非常感谢

1 个答案:

答案 0 :(得分:1)

在您的value属性上使用属性绑定,这样它将是数字类型而不是字符串。

[value]= "0"

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