diff --git a/src/components/input/nz-input.component.ts b/src/components/input/nz-input.component.ts
index 6334ca87d68..34f75372e40 100644
--- a/src/components/input/nz-input.component.ts
+++ b/src/components/input/nz-input.component.ts
@@ -9,9 +9,18 @@ import {
EventEmitter,
ContentChild,
forwardRef,
- AfterContentInit, HostListener
+ AfterContentInit,
+ HostListener,
+ AfterViewInit,
+ ViewChild
} from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import calculateNodeHeight from '../util/calculate-node-height';
+
+export interface AutoSizeType {
+ minRows?: number;
+ maxRows?: number;
+}
@Component({
selector : 'nz-input',
@@ -43,6 +52,7 @@ import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+
+
+
nzAutosize
属性适用于 textarea
节点,并且只有高度会自动变化。另外 nzAutosize
可以设定为一个对象,指定最小行数和最大行数。
+
+
@@ -146,6 +152,28 @@
当 nzType="textarea"
时,特有的API
+
+
+
+ 参数 |
+ 说明 |
+ 类型 |
+ 默认值 |
+
+
+
+
+ nzAutosize |
+ 自适应内容高度,可设置为 true|false 或对象:{{'{ minRows: 2, maxRows: 6 }'}} |
+ Boolean|Object |
+ false |
+
+
+
nz-input-group
diff --git a/src/showcase/nz-demo-input/nz-demo-input.module.ts b/src/showcase/nz-demo-input/nz-demo-input.module.ts
index 22690368be5..4526e84317e 100644
--- a/src/showcase/nz-demo-input/nz-demo-input.module.ts
+++ b/src/showcase/nz-demo-input/nz-demo-input.module.ts
@@ -8,6 +8,7 @@ import { NzDemoInputAddOnComponent } from './nz-demo-input-add-on.component';
import { NzDemoInputGroupComponent } from './nz-demo-input-group.component';
import { NzDemoInputSearchComponent } from './nz-demo-input-search.component';
import { NzDemoInputTextareaComponent } from './nz-demo-input-textarea.component';
+import { NzDemoInputTextareaAutoSizeComponent } from './nz-demo-input-textarea-auot-size.component';
import { NzDemoInputAffixComponent } from './nz-demo-input-affix.component';
import { NzDemoInputComponent } from './nz-demo-input.component';
import { NzCodeBoxModule } from '../share/nz-codebox/nz-codebox.module';
@@ -18,7 +19,7 @@ import { NzDemoInputRoutingModule } from './nz-demo-input.routing.module';
@NgModule({
imports : [ NzDemoInputRoutingModule, CommonModule, NzCodeBoxModule, NgZorroAntdModule, FormsModule ],
- declarations: [ NzDemoInputComponent, NzDemoInputBasicComponent, NzDemoInputSizeComponent, NzDemoInputAddOnComponent, NzDemoInputGroupComponent, NzDemoInputSearchComponent, NzDemoInputTextareaComponent, NzDemoInputAffixComponent ]
+ declarations: [ NzDemoInputComponent, NzDemoInputBasicComponent, NzDemoInputSizeComponent, NzDemoInputAddOnComponent, NzDemoInputGroupComponent, NzDemoInputSearchComponent, NzDemoInputTextareaComponent, NzDemoInputTextareaAutoSizeComponent, NzDemoInputAffixComponent ]
})
export class NzDemoInputModule {