feat(input-number): support input-number placeholder (#1512)

NG-ZORRO · May 24, 2018 · 7e3d4e4 · 7e3d4e4
1 parent 64f5ce5
commit 7e3d4e4
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 1 deletion.
diff --git a/components/input-number/demo/digit.ts b/components/input-number/demo/digit.ts
@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'nz-demo-input-number-digit',
-  template: `<nz-input-number [(ngModel)]="demoValue" [nzMin]="1" [nzMax]="10" [nzStep]="0.1"></nz-input-number>`
+  template: `<nz-input-number [(ngModel)]="demoValue" [nzMin]="1" [nzMax]="10" [nzStep]="0.1" [nzPlaceHolder]="'Digital'"></nz-input-number>`
 })
 export class NzDemoInputNumberDigitComponent {
   demoValue: number;

diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md
@@ -25,6 +25,7 @@ When a numeric value needs to be provided.
 | nzPrecision | precision of input value | number | - |
 | nzSize | width of input box | string | default |
 | nzStep | The number to which the current value is increased or decreased. It can be an integer or decimal. | number ｜  string | 1 |
+| nzPlaceHolder | Placeholder of select | string | - |
 
 ## Methods
 

diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md
@@ -28,6 +28,7 @@ title: InputNumber
 | nzPrecision | 数值精度 | number | - |
 | nzSize | 输入框大小 | string | default |
 | nzStep | 每次改变步数，可以为小数 | number ｜ string | 1 |
+| nzPlaceHolder | 选择框默认文字 | string | - |
 
 ## 方法
 

diff --git a/components/input-number/nz-input-number.component.ts b/components/input-number/nz-input-number.component.ts
@@ -41,6 +41,7 @@ import { toBoolean } from '../core/util/convert';
         [disabled]="nzDisabled"
         [attr.min]="nzMin"
         [attr.max]="nzMax"
+        [placeholder]="nzPlaceHolder"
         [attr.step]="nzStep"
         (keydown)="onKeyDown($event)"
         (keyup)="onKeyUp($event)"
@@ -85,6 +86,7 @@ export class NzInputNumberComponent implements ControlValueAccessor, AfterViewIn
   @Input() nzMax: number = Infinity;
   @Input() nzParser = (value) => value;
   @Input() nzPrecision: number;
+  @Input() nzPlaceHolder = '';
 
   @HostBinding('class.ant-input-number-lg')
   get isLarge(): boolean {

diff --git a/components/input-number/nz-input-number.spec.ts b/components/input-number/nz-input-number.spec.ts
@@ -35,6 +35,7 @@ describe('input number', () => {
     it('should basic className correct', () => {
       fixture.detectChanges();
       expect(inputNumber.nativeElement.classList).toContain('ant-input-number');
+      expect(inputElement.getAttribute('placeholder')).toBe('placeholder');
     });
     it('should focus className correct', () => {
       fixture.detectChanges();
@@ -446,6 +447,7 @@ describe('input number', () => {
       [nzSize]="size"
       [nzMin]="min"
       [nzMax]="max"
+      [nzPlaceHolder]="placeholder"
       [nzStep]="step"
       [nzFormatter]="formatter"
       [nzParser]="parser"
@@ -461,6 +463,7 @@ export class NzTestInputNumberBasicComponent {
   min = -1;
   max = 1;
   size = 'default';
+  placeholder = 'placeholder';
   step = 1;
   precision = 2;
   formatter = (value) => value;