<form nz-form style="width:100%"> <nz-form-item style="width: 49.8%;float: left;padding: 0 .5rem" *ngFor="let control of picArray;let i = index"> <nz-form-control [nzXs]="24" [nzSm]="24" [nzOffset]="0"> <div nz-col class="gutter-row" [nzSpan]="24"> <app-upload-image-with-preview style="width: 300px" [picUrl]="item.contentObj.pics && item.contentObj.pics[i] ? item.contentObj.pics[i] : null" (imageUploaded)="onImageUploadSuccess(control, $event)" ></app-upload-image-with-preview> </div> <div *ngIf="picArray.length>1" style="position: absolute;right: .5rem;top: .5rem;"> <i class="anticon anticon-close dynamic-delete-button" (click)="removeField(control,$event)"></i>
</div> </nz-form-control> </nz-form-item> <nz-form-item style="margin-top: 1rem;clear: both"> <nz-form-control [nzXs]="{span:24,offset:0}" [nzSm]="{span:20,offset:4}"> <button nz-button nzType="dashed" style="width:60%" (click)="addPictureField(null, $event)"><i class="anticon anticon-plus"></i> Add Picture</button> </nz-form-control> </nz-form-item> </form>