export class AppComponent  {
  name = 'Angular 4';
    temlateInputs=[
      {"name":"Australia","bi":"33","ex":"0","br":"50","ot":"0","ab":"AU"},
      {"name":"Austria","bi":"55","ex":"0","br":"25","ot":"0","ab":"AV"},
      {"name":"Belgium","bi":"66","ex":"0","br":"25","ot":"0","ab":"BB"},
      {"name":"China","bi":"77","ex":"88.887","br":"30","ot":"0","ab":"CH"}];
}

<table>
<tr *ngFor="let data of temlateInputs">
  <td>{{data.name}}</td>
  <td>{{data.bi}}
  <input  type="text" class="form-control" name="bi" [(ngModel)]="data.bi"      />
  </td>
  <td>{{data.ex}}
  <input  type="text" class="form-control" name="ex"  [(ngModel)]="data.ex"      />
  </td>
  <td>{{data.br}}
  <input  type="text" class="form-control" name="br"  [(ngModel)]="data.br"    />
  </td>
  <td>{{data.ot}}
  <input  type="text" class="form-control" name="ot"  [(ngModel)]="data.ot"     />
  </td>
</tr>
</table>