hertzbeat/web-app/src/app/shared/components/key-value-input/key-value-input.component.html

<div *ngFor="let item of keyValues; let i = index" nz-row>
  <div nz-col nzSpan="10">
    <input nz-input [placeholder]="keyAlias" [(ngModel)]="item.key" (ngModelChange)="onChange()" />
  </div>
  <div nz-col nzSpan="11">
    <input nz-input [placeholder]="valueAlias" [(ngModel)]="item.value" (ngModelChange)="onChange()" />
  </div>
  <div nz-col nzSpan="3">
    <i nz-icon nzType="plus-circle" class="dynamic-button" *ngIf="i === 0" (click)="addNew($event)"></i>
    <i nz-icon nzType="minus-circle" class="dynamic-button" (click)="removeCurrent(i, $event)"></i>
  </div>
</div>