2017-10-09 92 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