separation.component.html

<nz-modal [(nzVisible)]="isVisible" nzTitle="{{title}}"  (nzOnCancel)="handleCancel()" (nzOnOk)="handleCancel()">
  <div style="position: absolute;left:20%;top: 15px;">
    <nz-switch [(ngModel)]="first.check" (ngModelChange)="changeValue('1')"></nz-switch>
  </div>
  <!--<div disabled="{{isDisabled}}">-->
    <form nz-form>
      <nz-form-item >
        <nz-form-label [nzSm]="8" [nzXs]="24" [ngModelOptions]="{standalone: true}">{{second?.comment}}</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <nz-switch [(ngModel)]="second.check" [ngModelOptions]="{standalone: true}" (ngModelChange)="changeValue('2')"></nz-switch>
        </nz-form-control>
      </nz-form-item>
    </form>
    <form nz-form>
      <nz-form-item >
        <nz-form-label [nzSm]="8" [nzXs]="24" [ngModelOptions]="{standalone: true}">{{third?.comment}}</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24">
          <nz-switch [(ngModel)]="third.check" [ngModelOptions]="{standalone: true}" (ngModelChange)="changeValue('3')"></nz-switch>
        </nz-form-control>
      </nz-form-item>
    </form>
  <!--</div>-->

</nz-modal>