1<table class="table table-striped table-bordered">
2 <thead>
3 <tr>
4 <th>Code</th>
5 <th>Name</th>
6 <th>Price</th>
7 <th>Action</th>
8 </tr>
9 </thead>
10 <tbody>
11 <tr *ngFor="let field of fieldArray; let i = index">
12 <td>
13 <input [(ngModel)]="field.code" class="form-control" type="text" name="{{field.code}}" />
14 </td>
15 <td>
16 <input [(ngModel)]="field.name" class="form-control" type="text" name="{{field.name}}" />
17 </td>
18 <td>
19 <input [(ngModel)]="field.price" class="form-control" type="text" name="{{field.price}}" />
20 </td>
21 <td>
22 <button class="btn btn-default" type="button" (click)="deleteFieldValue(i)">Delete</button>
23 </td>
24 </tr>
25 <tr>
26 <td>
27 <input class="form-control" type="text" id="newAttributeCode" [(ngModel)]="newAttribute.code" name="newAttributeCode" />
28 </td>
29 <td>
30 <input class="form-control" type="text" id="newAttributeName" [(ngModel)]="newAttribute.name" name="newAttributeName" />
31 </td>
32 <td>
33 <input class="form-control" type="text" id="newAttributePrice" [(ngModel)]="newAttribute.price" name="newAttributePrice" />
34 </td>
35 <td>
36 <button class="btn btn-default" type="button" (click)="addFieldValue()">Add</button>
37 </td>
38 </tr>
39 </tbody>
40</table>
41