Angular2: как редактировать поле

Я создаю приложение со списком контактов, в котором пользователь может добавить контакт, используя поле ввода, как мы обычно делаем для получения данных, я закончил с добавлением и удалением контакта, но я не понимаю, как я буду редактировать добавленный контакт, нажав кнопку рядом с добавленный контакт. Ситуация будет заключаться в том, что я нажимаю кнопку редактирования, и контакт будет в поле ввода, где я отредактирую контакт и нажму кнопку обновления, и отредактированный контакт вернется в список контактов, я могу получить -ve голосование, но я действительно хочу посмотреть, как это произойдет, например, вернуться в поле ввода для редактирования.

Вот что я написал для этого: он принимает идентификатор в качестве аргумента

updateparent(value){
    for(var i = 0; i < this.array.length ; i++){
    console.log('inside for');
    if(value == this.array[i].idobj){

        break;    
    }
}

Что дальше, если? :)

HTML родителя:

<h1 class= "text-center">ToDo App</h1>
<div class = "form-group">
<lable>Task</lable>
<input name = "tasks" #task class = "form-control" >
<lable>Detail</lable>
<input type = "text" name = "taskdetail" #detail class = "form-control"  >
<button type = "submit" class  = "btn btn-default" 
(click) = "addtask(task, detail)">Add Task</button>
<child-component *ngFor = "#todo of array" 
[taskobject] = "todo"   (childevent) = "deleteparent($event)">
Loading...   </child-component>
</div> 

HTML дочернего компонента для отображения данных, полученных от родителя:

{{taskobject.taskobj}}
{{taskobject.detailobj}}
{{taskobject.idobj}}
<button type = "button" class = "btn btn-default" 
(click) =   "deletetask(taskobject.idobj)">Delete</button>
<button type = "button" class = "btn btn-defualt"
(click) = "updatetask(taskobject.idobj)">Update</button>

`