мат-радио-кнопка, странный рабочий процесс

Question

Я пытаюсь понять, что не так с моим кодом, но не могу:

          <mat-radio-group fxLayoutGap="6px" (change)="onChangeRadio($event.value)">
          <mat-radio-button
            color="primary"
            [value]="allowed"
            [checked]="true"
          > 
            {{ 'YES' | translate }}
          </mat-radio-button>
          <mat-radio-button
            color="primary"
            [value]="denied"
            [checked]="false"
          > 
            {{ 'NO' | translate }}
          </mat-radio-button>
        </mat-radio-group>

Обе радиокнопки отмечены.

Не могли бы вы помочь мне найти проблему?

Answer 1

Удалить привязку для значения, которое оно работает

   <mat-radio-group fxLayoutGap="6px" (change)="onChangeRadio($event.value)">
          <mat-radio-button
            color="primary"
            value="allowed"
            [checked]="true"
          > 
            <!-- {{ 'YES' | translate }} -->
          </mat-radio-button>
          <mat-radio-button
            color="primary"
            value="denied"
            [checked]="false"
          > 
            <!-- {{ 'NO' | translate }} -->
          </mat-radio-button>
        </mat-radio-group>

Answer 2

````    <mat-radio-group fxLayoutGap="6px" (change)="onChangeRadio($event.value)">
          <mat-radio-button
            color="primary"
            value="allowed"
          > 
            {{ 'YES' | translate }}
          </mat-radio-button>
          <mat-radio-button
            color="primary"
            value="denied"
          > 
            {{ 'NO' | translate }}
          </mat-radio-button>
        </mat-radio-group>````

удалите свойство check, если вы пытались исправить его с помощью этого свойства. Удалите квадратные скобки из атрибута значения, поскольку передаваемое нами значение не интерполируется.

Answer 3

Удалить отмеченный атрибут с каждой кнопки. Проверенное состояние контролируется входом радиогруппы value, соответствующим атрибуту кнопки value.