Angular2 - edycja jednego elementu z pętli ngFor problem

Question

Cześć!
Mam problem z zaimplementowaniem edycji jednego wybranego elementu z tablicy. Stworzyłam listę rzeczy do zrobienia ( zdjęcie). Przy kliknięciu ikony edycji chciałabym, aby input do edycji pokazał się tylko w tym klikniętym elemencie, a nie wszędzie ( kolejne zdjęcie). Jak to napisać, aby wyświetlało mi elementy z pętli jednocześnie nadając pojedynczej możliwości wstawienia inputa? Kod poniżej - stworzyłam dwa elementy <li> wyświetlane za pomocą flagi.

    <ul class="list_1" *ngFor="let task of tableTasks">
    <li *ngIf="!editTask" class="task">
      <ng-container *ngIf="task.priority === 'LOW'"><div class="priority_low"><i class="fa fa-flag-o"></i></div></ng-container>
      <ng-container *ngIf="task.priority === 'MEDIUM'"><div class="priority_medium"><i class="fa fa-flag-o"></i></div></ng-container>
      <ng-container *ngIf="task.priority === 'HIGHT'"><div class="priority_hight"><i class="fa fa-flag-o"></i></div></ng-container>
      <span class="liTask">{{task.title}}</span>
      <div (click)="handleDeleteTask(task)" class="deleteTask"><i class="fa fa-times"></i></div>
      <div (click)="handleStartProgress(task)" class="startProgress"><i class="fa fa-arrow-right"></i></div>
      <div (click)="handleEditTask(task)" class="editTask"><i class="fa fa-edit"></i></div>
    </li>
    <li *ngIf="editTask" class="task">
      <div class="liTaskEdit">
          <input #inputSave type="text" [value]="task.title" required>
      </div>
      <div (click)="handleSaveEditTask(task, inputSave)" class="save"><i class="fa fa-save"></i></div>
      <div (click)="handleCancelSave()" class="cancel"><i class="fa fa-times"></i></div>
    </li>
  </ul>