Angular 6 входное радио проверено значение не работает в форме редактирования?

Question

это мой входной радиоприемник: он находится внутри модального режима, который получает усуарио (пользователя) из таблицы с кнопкой редактирования в каждой строке

<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>

поло представляет собой целочисленное значение в дБ (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]= "0"

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