Радио кнопки отмечены по умолчанию, что они не должны - PullRequest
Новая
       12

Радио кнопки отмечены по умолчанию, что они не должны

1 голос
/ 30 сентября 2019

У меня есть переключатель - если он выбран, на нем должна отображаться группа радио-радио с Вариантом 1 и Вариантом 2. Группа радио-радио скрыта, как и предполагалось - однако по умолчанию при запуске моего приложениявсе переключатели отмечены, и Я не могу снять ни одну из них .

Я, очевидно, хочу, чтобы все они были отключены при запуске, что является / должно быть поведением по умолчанию. Что я сделал не так, чтобы все они были отмечены по умолчанию?

Dialog.component.html 

<mat-radio-button (click)="toggleDisplay('options')" class="item">See options</mat-radio-button>
  <mat-radio-group *ngIf="doShow('options')" class="item-container">
    <mat-radio-button class="item">Option 1</mat-radio-button>
    <mat-radio-button class="item">Option 2</mat-radio-button>
  </mat-radio-group>
</mat-radio-group>

Dialog.component.ts 

currentlyShown = '';

toggleDisplay(element: string) {
  this.currentlyShown = element;
}

doShow(element: string): boolean {
  return this.currentlyShown === element;
}

Заранее спасибо. ( Весь ненужный код был исключен )

1 Ответ

2 голосов
/ 30 сентября 2019

Радиокнопки имеют значения. если вы не предоставите это, они будут проверены по умолчанию.

Stackblitz 

<mat-radio-group aria-label="Select an option">
  <mat-radio-button value="1">Option 1</mat-radio-button>
  <mat-radio-button value="2">Option 2</mat-radio-button>
  <mat-radio-button>Option 1</mat-radio-button>
  <mat-radio-button>Option 2</mat-radio-button>
</mat-radio-group>
...