Question

我想要单选按钮和子单选按钮。

如果我点击第一个收音机，将显示此按钮的子收音机。如果我点击第二个收音机，将显示第二个按钮的子收音机等。

<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>

我可以在ngIf="XXXXXXX"进行哪项测试，以检测是否选中了第一个广播按钮？

或者您可能有其他解决方案吗？

Answer 1

我认为你可以管理一些typeScript

在你的组件中设置一个变量，假设名为selectedFirstAnswer，默认值为null，那么你可以使用它：

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

然后在您的*ngIf中，您可以测试此值。

我希望我能用这种技巧帮助你。

如何根据单选按钮设置角度的子单选按钮？

1 个答案: