Ma question est déjà à peu près formulée dans le sujet.

Mais pour décrire davantage le problème: Disons que j'ai un formulaire avec trois boutons radio. chacun a évidemment une autre valeur. Maintenant, je veux utiliser la valeur dans mon composant, selon le choix de l'utilisateur.

Je pense que la solution peut être assez simple, mais je n'ai rien trouvé, qui fonctionne correctement et qui est à jour.

Merci de votre aide.

-1
olapalomablanca 7 oct. 2020 à 15:46

2 réponses

Meilleure réponse

Je suppose que vous utilisez <mat-radio-group> et <mat-radio-button>

Dans ce cas, je recommande d'utiliser un événement (change) et d'utiliser $event.value

Dans votre html

<mat-radio-group >
  <mat-radio-button (change)="getValue($event.value)" value="1">1</mat-radio-button>
  <mat-radio-button (change)="getValue($event.value)" value="2">2</mat-radio-button>
</mat-radio-group>

Dans tes ts

currentValue:string;

getValue(value:string){
  this.currentValue = value
}
0
JSmith 7 oct. 2020 à 13:09

Html:

  <label *ngFor="let radiobutton of radioItems">
    <input type="radio" name="options" (change)="getValue(radiobutton.value)" value="radiobutton.value"> 
    {{radiobutton}}
  </label>

Ts:

getValue(value) {
  //here you can get value
}

radiobutton.value c'est la valeur de votre bouton radio

0
JSmith 7 oct. 2020 à 17:50