• liujiaxin's avatar
    1 · 5699827a
    liujiaxin authored
    5699827a
form.component.html 1.13 KB
<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>