fix(module:form): fix form control validate with formControl

close NG-ZORRO#3551
Ricbet · Apr 9, 2020 · 8adac34 · 8adac34
1 parent 81b9ff8
commit 8adac34
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/components/form/nz-form-control.component.ts b/components/form/nz-form-control.component.ts
@@ -23,7 +23,7 @@ import {
   TemplateRef,
   ViewEncapsulation
 } from '@angular/core';
-import { FormControl, FormControlName, NgControl, NgModel } from '@angular/forms';
+import { FormControl, FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';
 import { Subscription } from 'rxjs';
 import { startWith } from 'rxjs/operators';
 
@@ -59,7 +59,7 @@ export class NzFormControlComponent extends NzColDirective
   status: NzFormControlStatusType = null;
   controlClassMap: NgClassType = {};
   iconType: string;
-  @ContentChild(NgControl, { static: false }) defaultValidateControl: FormControlName;
+  @ContentChild(NgControl, { static: false }) defaultValidateControl: FormControlName | FormControlDirective;
   @Input() nzSuccessTip: string | TemplateRef<{ $implicit: FormControl | NgModel }>;
   @Input() nzWarningTip: string | TemplateRef<{ $implicit: FormControl | NgModel }>;
   @Input() nzErrorTip: string | TemplateRef<{ $implicit: FormControl | NgModel }>;
@@ -194,8 +194,12 @@ export class NzFormControlComponent extends NzColDirective
   }
 
   ngAfterContentInit(): void {
-    if (this.defaultValidateControl && !this.validateControl && !this.validateString) {
-      this.nzValidateStatus = this.defaultValidateControl;
+    if (!this.validateControl && !this.validateString) {
+      if (this.defaultValidateControl instanceof FormControlDirective) {
+        this.nzValidateStatus = this.defaultValidateControl.control;
+      } else {
+        this.nzValidateStatus = this.defaultValidateControl;
+      }
     }
   }