Comment obtenir des données à partir du bouton radio dynamique (le bouton radio génère des données JSON). Le bouton radio est affiché avec succès, mais comment obtenir les données sélectionnées à partir du bouton radio dynamique.
Exemple de données JSON: P>
<div class="form-group product__option" *ngFor="let item of product.productAttr; let i = index"> <label class="product__option-label">{{item.key}}</label> <div class="input-radio-label"> <div class="input-radio-label__list"> <label *ngFor="let value of item.values; let i = index"> <input type="radio" id="{{value.key}}" value="{{value.value}}" name="{{item.key}}" (change)="onItemChange($event)"> <span>{{value.value}}</span> </label> </div> </div> </div>
3 Réponses :
Vous devez implémenter la méthode OnitemChange CODE> dans votre
Vous devez implémenter la méthode OnitemChange dans votre fichier composant.ts. P>
ref: https://stackblitz.com /edit/angular-ipm7s6?file=src%2fapp%2fapp.component.ts p> onitemChange (itemey, itemvalue) {
console.log (itemey + '' + itemValue);
} code> p>
Ok, je l'ai eu, mais comment enregistrer l'élément sélectionné sur tableau par exemple de la clé est la couleur et la valeur sélectionnée est rouge. Lorsque je change la valeur sélectionnée en bleu, la couleur de la matrice passe au bleu
Déclarez simplement une nouvelle variable SelectedValue en tant que tableau et attribuer les données que vous avez obtenues de la fonction de @ Arunkumar à ce tableau
Vous devez utiliser (modifier) l'événement sur un bouton radio créé de manière dynamique, puis vous pouvez transmettre des valeurs, puis l'utiliser sur le fichier TS.
par exemple. p>
html p> ts p> afin que vous puissiez également enregistrer et pousser des valeurs à n'importe quel Array particulier Comme vous le souhaitez sur la fonction RadioFun. P> P>
est-il possible de créer dans stackblitz.com
@Arunkumarramasamy Stackblitz.com/edit/angular-l5JVCD avait ajouté sur Stackblitz.com