fix(module: inputitem): fixed style flash (#377)

NG-ZORRO · Apr 10, 2019 · 97bf63e · 97bf63e
1 parent b4cae44
commit 97bf63e
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/components/input-item/input-item.component.ts b/components/input-item/input-item.component.ts
@@ -5,12 +5,13 @@ import {
   Output,
   EventEmitter,
   ViewChild,
+  OnInit,
   OnChanges,
   HostBinding,
   Renderer2,
   ElementRef,
   forwardRef,
-  TemplateRef
+  TemplateRef,
 } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -25,7 +26,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
     }
   ]
 })
-export class InputItem implements AfterViewInit, OnChanges, ControlValueAccessor {
+export class InputItem implements OnInit, AfterViewInit, OnChanges, ControlValueAccessor {
   prefixCls: string = 'am-input';
   wrapCls: object;
   labelCls: object;
@@ -379,11 +380,15 @@ export class InputItem implements AfterViewInit, OnChanges, ControlValueAccessor
     }
   }
 
+  ngOnInit() {
+    this.setCls();
+    this.render.addClass(this._el, this._prefixListCls + '-item');
+    this.render.addClass(this._el, this._prefixListCls + '-item-middle');
+  }
+
   ngAfterViewInit() {
     setTimeout(() => {
-      this.setCls();
-      this.render.addClass(this._el, this._prefixListCls + '-item');
-      this.render.addClass(this._el, this._prefixListCls + '-item-middle');
+       this.setCls();
     }, 0);
   }
 }