2017-10-09 71 views
0

我想要单选按钮子单选按钮根据单选按钮,我怎样才能有角度的子单选按钮?

如果我点击第一个收音机,此按钮的子无线电将显示。如果我点击第二无线电,第二个按钮的副无线将显示等

<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"如果第一无线电按钮被选中或不检测?

或者你有没有另一种解决方案?

回答

0

我认为你可以在你的组件一些typeScript

设置一个变量管理,让的说叫selectedFirstAnswer默认falue空,那么你可以用这方面的工作:

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

然后在你的*ngIf你可以测试这个值。

我希望我能帮助你解决这类问题。

+0

是的,这将是一个解决方案,但在我的情况下,我有动态无线电输入。比我不知道我会有多少个按钮,哪个会是第一个,第二个等 – anubis

+0

如果我理解你,这个周期可能持续超过2个单选按钮组? 无论如何,我认为你可以适应这种解决方案,无论你遇到什么情况 – Flow