Comment puis-je avoir des boutons de sous-radio dans l'angle en fonction des boutons radio?

Question

Je veux avoir boutons radio et sous les boutons radio.

Si je clique sur la première radio , les sous-radios pour ce bouton seront affichées. Si je clique sur le deuxième radio, la sous-radio du second bouton sera affiché, etc.

<ng-container *ngFor="let answer of blabla"> 
    <ion-item text-wrap class="sub-item"> 
     <ion-label>{{answer.label}}</ion-label> 
     <ion-radio value="{{answer.value}}" (ionSelect)="select(question, answer)"></ion-radio> 
    </ion-item> 
    <ion-list radio-group> 
     <ng-container *ngIf="XXXXXXX"> 
     <ion-item text-wrap class="sub-sub-item" *ngFor="let subAnswer of answer.getSubAnswers()"> 
      <ion-label>{{subSubAnswer.label}}</ion-label> 
      <ion-radio (ionSelect)="changeAnswer(question, answer)"></ion-radio> 
     </ion-item> 
     </ng-container> 
    </ion-list> 
</ng-container> 

Quel test puis-je faire en ngIf="XXXXXXX" pour détecter si le premier bouton radio est cochée ou non ?

Ou avez-vous peut-être une autre solution?

Answer 1

Je pense que vous pouvez gérer avec quelques typeScript

dans votre composant définir une variable, disons nommé selectedFirstAnswer avec null default falue, alors vous pourriez travailler avec ceci:

select(question, answer) { // ...your code this.selectedFirstAnswer = answer

puis dans votre *ngIf vous pouvez tester cette valeur. J'espère que je vous ai aidé avec ce genre d'astuce.