Значение MatRadioGroup не определено - PullRequest
Новая
       22

Значение MatRadioGroup не определено

0 голосов
/ 24 февраля 2020

У меня проблемы с доступом к значению переключателей. Это мой код: 

      <mat-radio-group #rangeInput>
        <mat-radio-button name="range" value="3">3</mat-radio-button>
        <mat-radio-button name="range" value="5">5</mat-radio-button>
        <mat-radio-button name="range" value="7" [checked]="true">7</mat-radio-button>
        <mat-radio-button name="range" value="9">9</mat-radio-button>
      </mat-radio-group>
      <button mat-raised-button [matDialogClose] (click)="onInput(rangeInput.value)">Ok</button>

Кажется, что элемент-ссылка на mat-radio-group не имеет свойства value ?! Что я делаю не так?

Привет Фонзане

Ответы [ 2 ]

1 голос
/ 24 февраля 2020

Использование ngModel в радиогруппе 

<mat-radio-group [(ngModel)]="rangeValue">
        <mat-radio-button name="range" [value]="3">3</mat-radio-button>
        <mat-radio-button name="range" [value]="5">5</mat-radio-button>
        <mat-radio-button name="range" [value]="7" [checked]="true">7</mat-radio-button>
        <mat-radio-button name="range" value="9">9</mat-radio-button>
</mat-radio-group>
<button mat-raised-button [matDialogClose] (click)="onInput()">Ok</button>

TS: 

rangeValue:any;

onInput(){
  //use this.rangeValue here...
}
0 голосов
/ 24 февраля 2020

Надеюсь, это поможет ...

app.component.ts 

 onDataChange(event) {
  console.log(event.value);    
 }

app.component. html

<mat-radio-group aria-label="Select an option" (change)="onDataChange($event)">
<mat-radio-button name="range" value="3">3</mat-radio-button>
<mat-radio-button name="range" value="5">5</mat-radio-button>
<mat-radio-button name="range" value="7" [checked]="true">7</mat-radio-button>
<mat-radio-button name="range" value="9">9</mat-radio-button>

...