fix(module: inputitem): fix inputitem label css init (#364)

NG-ZORRO · Apr 1, 2019 · bd11c54 · bd11c54
1 parent 3f2a83c
commit bd11c54
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/components/input-item/input-item.component.ts b/components/input-item/input-item.component.ts
@@ -1,6 +1,6 @@
 import {
   Component,
-  OnInit,
+  AfterViewInit,
   Input,
   Output,
   EventEmitter,
@@ -25,7 +25,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
     }
   ]
 })
-export class InputItem implements OnInit, OnChanges, ControlValueAccessor {
+export class InputItem implements AfterViewInit, OnChanges, ControlValueAccessor {
   prefixCls: string = 'am-input';
   wrapCls: object;
   labelCls: object;
@@ -379,9 +379,11 @@ export class InputItem implements OnInit, 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');
+    }, 0);
   }
 }