Создание нескольких переключателей с помощью * ngFor

Question

Я создал форму задачи с ответом, ответом и статусом, используя ngfor. загрузка ответов и ответ на ответ с использованием введенного текста и статуса находятся в переключателе. они выглядят хорошо, но, щелкнув по любому из них, последний выбран

  <div *ngFor="let data of task;let i = index;">
        <div>{{data.task}}</div>
      </div>
      <div class="task-reply">
          <textarea class="form-control" id="" cols="30" rows="3" placeholder="Response .."  [(ngModel)]="respo[i]"></textarea>
      </div>
      <div class="task-status">                 
        <input type="radio" name="work_status" class="select" [(ngModel)]="status[i]" value="finished" > Finished <br>
        <input type="radio" name="work_status" class="select" [(ngModel)]="status[i]" value="partially_completed"> Partially Completed <br>
        <input type="radio" name="work_status" class="select" [(ngModel)]="status[i]" value="started"> Started<br>
        <input type="radio" name="work_status" class="select" [(ngModel)]="status[i]" value="not_started"> Not Started      <br>
      </div>
      <div class="task-submit"> 
        <input type="submit" class="btn btn-info" value="Submit" id={{data.id}} (click)="onSubmit(data,respo[i],status[i])">
      </div>
      </div>

, пожалуйста, помогите мне решить эту проблему .. заранее спасибо