首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >angular2中的自动大小文本区域

angular2中的自动大小文本区域
EN

Stack Overflow用户
提问于 2017-03-16 07:27:42
回答 10查看 33.6K关注 0票数 22

我正在为angular2鼓掌。我需要自动调整文本区域的大小。我正在尝试重用https://github.com/stevepapa/angular2-autosize中的angular2自动大小。

遵循自述,但我得到以下错误

未登录错误:模块构建失败:错误: ENOENT:没有这样的文件或目录,打开'C:\Users\Vipin\SampleApp\node_modules\angular2-autosize\angular2-autosize.js'.

请建议如何克服这个问题。

EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2017-03-18 22:36:26

Update (15.04.2018)成功地打包了它,现在它可以作为

代码语言:javascript
代码运行次数:0
运行
复制
npm install ngx-autosize

https://github.com/chrum/ngx-autosize

旧答案

我今天也遇到了同样的问题,把它修好了!请检查我的叉子:https://github.com/chrum/angular2-autosize

在PR合并之前,请尝试:

代码语言:javascript
代码运行次数:0
运行
复制
npm install https://github.com/chrum/angular2-autosize.git --save

然后在您的代码中,因为它略有不同,您只需导入模块而不是指令.

所以而不是

代码语言:javascript
代码运行次数:0
运行
复制
import {Autosize} from 'angular2-autosize';

@NgModule({
  ...
  declarations: [
    Autosize
  ]
  ...
})

你应该有

代码语言:javascript
代码运行次数:0
运行
复制
import {AutosizeModule} from 'angular2-autosize';

@NgModule({
  ...
  imports: [
    AutosizeModule
  ]
  ...
})
票数 24
EN

Stack Overflow用户

发布于 2019-04-11 16:20:47

所请求的行为已经在angular material中实现了,如本文所述:角材料输入自动尺寸。如果您正在使用angular material,这尤其有用。

只需使用cdkTextareaAutosize,如示例中所示:

代码语言:javascript
代码运行次数:0
运行
复制
<textarea cdkTextareaAutosize></textarea>
票数 31
EN

Stack Overflow用户

发布于 2017-06-11 19:41:08

您可以这样做,而不使用包。它很简单

在控制器中,如下所示

代码语言:javascript
代码运行次数:0
运行
复制
autogrow(){
  let  textArea = document.getElementById("textarea")       
  textArea.style.overflow = 'hidden';
  textArea.style.height = '0px';
  textArea.style.height = textArea.scrollHeight + 'px';
}

在html中,如下所示

代码语言:javascript
代码运行次数:0
运行
复制
<textarea id="textarea" (keyup)="autogrow()" ></textarea>
票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42827746

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档