javascript - Angular2: フィールドを編集する方法

Question

データを取得するために通常行うように、ユーザーが入力フィールドを使用して連絡先を追加できる連絡先リストアプリを構築しています。連絡先の追加と削除は完了しましたが、追加した連絡先を次のボタンをクリックして編集する方法について混乱しています追加された連絡先、編集ボタンをクリックすると、連絡先が入力フィールドに表示され、連絡先を編集して更新ボタンをクリックすると、編集された連絡先が連絡先のリストに戻るという状況になります。 -投票しましたが、編集のために入力フィールドに戻るように連絡するのがどのようになるかを本当に知りたいです。

ここで私が書いたものは、idを引数として取っています

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

        break;    
    }
}

ifの次は？:)

親の 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>

`