在Angular中,可以使用以下方法实现自动调整文本区域大小:
import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
@ViewChild('textareaElement', { static: true }) textareaElement: ElementRef;
}
import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent implements AfterViewInit {
@ViewChild('textareaElement', { static: true }) textareaElement: ElementRef;
ngAfterViewInit() {
const textarea = this.textareaElement.nativeElement;
textarea.style.height = '0px';
textarea.style.height = textarea.scrollHeight + 'px';
}
}
这样,文本区域的高度将根据内容的多少进行自动调整。
上一篇:Angular自定义组件数据绑定
下一篇:Angular自动滚动的拖放