feat: modal support set nzOkDisabled and nzCancelDisabled(#1838)

NG-ZORRO · Jan 29, 2019 · b17add6 · b17add6
1 parent 09f21d0
commit b17add6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/modal/nz-modal.component.html b/components/modal/nz-modal.component.html
@@ -76,10 +76,10 @@
         >{{ button.label }}</button>
       </ng-container>
       <ng-container *ngSwitchDefault>
-        <button *ngIf="nzCancelText!==null" nz-button (click)="onClickOkCancel('cancel')" [nzLoading]="nzCancelLoading">
+        <button *ngIf="nzCancelText!==null" nz-button (click)="onClickOkCancel('cancel')" [nzLoading]="nzCancelLoading" [disabled]="nzCancelDisabled">
           {{ cancelText }}
         </button>
-        <button *ngIf="nzOkText!==null" nz-button [nzType]="nzOkType" (click)="onClickOkCancel('ok')" [nzLoading]="nzOkLoading">
+        <button *ngIf="nzOkText!==null" nz-button [nzType]="nzOkType" (click)="onClickOkCancel('ok')" [nzLoading]="nzOkLoading" [disabled]="nzOkDisabled">
           {{ okText }}
         </button>
       </ng-container>

diff --git a/components/modal/nz-modal.component.ts b/components/modal/nz-modal.component.ts
@@ -103,7 +103,8 @@ export class NzModalComponent<T = any, R = any> extends NzModalRef<T, R> impleme
   get cancelText(): string {
     return this.nzCancelText || this.locale.cancelText;
   }
-
+  @Input() nzOkDisabled: boolean = false;
+  @Input() nzCancelDisabled: boolean = false;
   @Input() @InputBoolean() nzCancelLoading: boolean = false;
   @Input() @Output() readonly nzOnCancel: EventEmitter<T> | OnClickCallback<T> = new EventEmitter<T>();
   @ViewChild('modalContainer') modalContainer: ElementRef;