Как динамически изменять значения радиоблока в объекте JSON, используя angular 5

Question

Как динамически изменять значения радиоблока в объекте JSON с использованием угловых 5

sample.ts:

var sample = [
{
"radioObj":[
{"radio1": "radio1Value","value":0},
{"radio2": "radio2Value","value":0},
{"radio3": "radio3Value","value":0}
]  
},
{
"radioObj":[
{"radio1": "radio1Value","value":0},
{"radio2": "radio2Value","value":0},
{"radio3": "radio3Value","value":0}
] 
},
{
"radioObj":[
{"radio1": "radio1Value","value":0},
{"radio2": "radio2Value","value":0},
{"radio3": "radio3Value","value":0}
] 
}
]

sample.html

<div class="card-body" *ngFor="let row1 of sample; i1 = index" >
    <div class="card-body" *ngFor="let row of row1.radioObj;let i=index" >
        <input type="radio" name="radioname[{{i1}}]"  #default [value]="row.value" 
        [(ngModel)]="row.value" >
    </div>
</div

Ожидаемый ВЫХОД:

var sample = [
{
"radioObj":[
{"radio1": "radio1Value","value":1},
{"radio2": "radio2Value","value":0},
{"radio3": "radio3Value","value":0}
]  
},
{
"radioObj":[
{"radio1": "radio1Value","value":0},
{"radio2": "radio2Value","value":1},
{"radio3": "radio3Value","value":0}
] 
},
{
"radioObj":[
{"radio1": "radio1Value","value":0},
{"radio2": "radio2Value","value":0},
{"radio3": "radio3Value","value":1}
] 
}
]

Примечание:

В приведенном выше коде образец переменная, имеющая вложенный массив объектов как "radioObj" , и она будет повторяться в HTML и печататься как три набора переключателей три раза.

Шаг 1:

Если мы проверили любой из radioObj.radio1 , то он должен быть уникальным, не должен влиять / проверять другие переключатели в объекте radioObj .

Ключ: Если мы проверили radioObj.radio1 , то его значение должно быть 1 , а значение других переключателей должно быть 0