fix(module: input-item): fixed custom-keyboard hide (NG-ZORRO#21)

fisherspy · Oct 9, 2018 · 9b8f3da · 9b8f3da
1 parent e0850f6
commit 9b8f3da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/components/input-item/custom-keyboard/custom-keyboard.component.html b/components/input-item/custom-keyboard/custom-keyboard.component.html
@@ -1,4 +1,4 @@
-
+<div [ngClass]="wrapperCls">
 <table>
   <tbody>
     <tr>
@@ -40,4 +40,5 @@
     </tr>
   </tbody>
 </table>
+</div>
 
diff --git a/components/input-item/custom-keyboard/custom-keyboard.component.ts b/components/input-item/custom-keyboard/custom-keyboard.component.ts
@@ -13,16 +13,14 @@ export class CustomKeyboard implements OnInit, OnDestroy {
   prefixCls: string = 'am-number-keyboard';
   wrapCls: object;
   okText: string = '';
+  wrapperCls: object;
 
   private _locale: any = {};
   private _unsubscribe$ = new Subject<void>();
 
   @Output()
   onClick = new EventEmitter<any>();
 
-  @HostBinding('class.am-number-keyboard-wrapper')
-  private _wrapper = true;
-
   constructor(private _localeProvider: LocaleProviderService) {}
 
   tdClick(e) {
@@ -33,6 +31,9 @@ export class CustomKeyboard implements OnInit, OnDestroy {
     this.wrapCls = {
       [`${this.prefixCls}-item`]: true
     };
+    this.wrapperCls = {
+      [`${this.prefixCls}-wrapper`]: true
+    };
     this._localeProvider.localeChange.pipe(takeUntil(this._unsubscribe$)).subscribe(_ => {
       this._locale = this._localeProvider.getLocaleSubObj('InputItem');
       this.okText = this._locale.confirmLabel;