How to get gridrow values on the textbox for edit Angular 2

Question

i have a table grid with binded values. i need to edit and update that value .for that i ve given chek boxes,the selected chekbox row should bind the textbox to edit.based on id how i can do this? in that 2 dropdowns are there how i can edit this way in angular 2

the textboxes should able to submit and edit

<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 popup-content">
<div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 popup-firstcontent">
<div style="width: 25%; float:left">
<div class="flexibleColumn" style="position:relative;left:5px;top:2px;">
<label>Type :</label>
<select id="selection1" class="form-control" [(ngModel)]="type">
<option *ngFor="let Dropdowns of dropdown" value= {{Dropdowns.ID}}>
{{Dropdowns.Name}}
</select>
</div>
</div>
</div>
<div class=" popup-input">
<label>Value :</label>
<input type="text" [(ngModel)]="Value" value="" class="inputbox" id="textbox_id2">
</div>
<div style="width: 5%; float:left">
<div class="flexibleColumn" style="position:relative;left:5px;top:2px;">
<label>Unit</label>
<select id="selection1" class="form-control" [(ngModel)]="Unit">
<option *ngFor="let Dropdowns of dropdown2" value= {{Dropdowns.VD_ID}}>
{{Dropdowns.VDName}}
</select>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 popup-secondcontent" >
<div class="popup-input">
<label>Variable Name :</label>
<input type="text" [(ngModel)]="VariableName" class="inputbox" id="textbox_id1">
</div>
<div class="popup-input">
<label>Is Lookup Variable :</label>
<div class="styled-select" id="textbox_id5">
<select id="selection1" [(ngModel)]="IsLookupVariable" >
<option selected="selected">Yes</option>
<option [ngValue]="">No</option>
<option [ngValue]=""></option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 container-btn" style="float:center">
<button class="add-popup" (click)=" SaveVariableValues(Id, VariableName,IsLookupVariable,Unit,Value,VariableType,VariableTypeID,UnitId,MV_ID)" >Add Variable</button>
<button class="add-popup">Change</button>
<button>Remove</button> <button>View Lookup</button></div>
<div class="table1">
<table id="myTable" class="col-lg-10 col-md-10 col-sm-10 col-xs-10 accordion-table">
<thead>
<tr><th> </th><th>Variable Type</th><th>Value</th><th>Unit</th><th>Variable Name</th><th>Is Lookup Variable</th></tr>
</thead>
<tbody>
<tr *ngFor="let Variables of grid">
<td>
<span class="custom-checkbox"><input id="first" name="sport[]" type="checkbox" [checked]="isChecked" /></span>
</td>
<td>
{{ Variables.Type}}
</td>
<td>{{ Variables.Value}}</td>
<td>{{ Variables.Unit}}</td>
<td>{{ Variables.Name}}</td>
<td>{{ Variables.Variable}}</td>
</tr>
</tbody>
</table>
</div>