fix(module:input): fix antd input style change & input password demo (#…

…2969) close #2945 close #2956
NG-ZORRO · Feb 26, 2019 · bd03a91 · bd03a91
1 parent a4ddf9d
commit bd03a91
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 6 deletions.
diff --git a/components/input/demo/password-input.md b/components/input/demo/password-input.md
@@ -0,0 +1,14 @@
+---
+order: 10
+title:
+    zh-CN: 密码框
+    en-US: Password box
+---
+
+## zh-CN
+
+密码框。
+
+## en-US
+
+Input type of password.
diff --git a/components/input/demo/password-input.ts b/components/input/demo/password-input.ts
@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-input-password-input',
+  template: `
+    <nz-input-group [nzSuffix]="suffixTemplate">
+      <input [type]="passwordVisible?'text':'password'" nz-input placeholder="input password" [(ngModel)]="password">
+    </nz-input-group>
+    <ng-template #suffixTemplate>
+      <i nz-icon [nzType]="passwordVisible? 'eye-invisible':'eye'" (click)="passwordVisible = !passwordVisible"></i>
+    </ng-template>
+  `,
+  styles  : [
+      `
+      i {
+        cursor: pointer;
+      }
+    `
+  ]
+})
+export class NzDemoInputPasswordInputComponent {
+  passwordVisible = false;
+  password;
+}
diff --git a/components/input/demo/search-input.ts b/components/input/demo/search-input.ts
@@ -11,15 +11,15 @@ import { Component } from '@angular/core';
     </ng-template>
     <br>
     <br>
-    <nz-input-group nzSearch [nzSuffix]="suffixIconButton">
+    <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
       <input type="text" nz-input placeholder="input search text">
     </nz-input-group>
     <ng-template #suffixIconButton>
       <button nz-button nzType="primary" nzSearch><i nz-icon type="search"></i></button>
     </ng-template>
     <br>
     <br>
-    <nz-input-group nzSearch nzSize="large" [nzSuffix]="suffixButton">
+    <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
       <input type="text" nz-input placeholder="input search text">
     </nz-input-group>
     <ng-template #suffixButton>

diff --git a/components/input/nz-input-group.component.ts b/components/input/nz-input-group.component.ts
@@ -11,7 +11,6 @@ import {
 import { NgClassType } from '../core/types/ng-class';
 import { NzSizeLDSType } from '../core/types/size';
 import { InputBoolean } from '../core/util/convert';
-
 import { NzInputDirective } from './nz-input.directive';
 
 @Component({
@@ -123,9 +122,6 @@ export class NzInputGroupComponent implements AfterContentInit {
     }
   }
 
-  constructor() {
-  }
-
   ngAfterContentInit(): void {
     this.updateChildrenInputSize();
   }