如何使用無線電計算角度的總和4

Question

如何使用單選按鈕執行檢查項目的總和？

是否可以實時完成，每次點擊更新值？

<tr> 
       <td class="text-center lab"> 
       <label class="labl"> 
       <input type="radio" value="{{result.value}}" name="item[0]item" [(ngModel)]="vItem" /> 
       <input type="radio" value="{{result.value}}" name="item[0]item" [(ngModel)]="vItem" /> 
       </label> 
       </td> 
       <tr> 
       <tr> 
       <td class="text-center lab"> 
       <label class="labl"> 
       <input type="radio" value="{{result.value}}" name="item[1]item" [(ngModel)]="vItem" /> 
       <input type="radio" value="{{result.value}}" name="item[1]item" [(ngModel)]="vItem" /> 
       </label> 
       </td> 
       <tr> 
       <tr> 
       <td class="text-center lab"> 
       <label class="labl"> 
       <input type="radio" value="{{result.value}}" name="item[2]item" [(ngModel)]="vItem" /> 
       <input type="radio" value="{{result.value}}" name="item[2]item" [(ngModel)]="vItem" /> 
       </label> 
       </td> 
       <tr> 


       OutPut= <p>Sum of items checked : ??? </p> 

Answer 1

有你的TS的功能，每次點擊的價值傳遞給函數和加法，然後在TS分配給一個變量

<input type="radio" value="{{result.value}}" name="item[0]item" [(ngModel)]="vItem" (change)="calculateSum(vItem)" /> 

total : number; 
calculateSum(val :any){ 
    total += +val; 
}