Angular Material是否内置了文本区域的自动调整大小功能?

Dav*_*ero 4 textarea autosize angular-material angular

我能够从Angular Material导入MatTextareaAutosize,但是我在文档中什么都没有看到,也没有找到使用它的方法。

我希望使用这样的东西:

<mat-form-field>
    <textarea matInput matAutosize></textarea>
</mat-form-field>
Run Code Online (Sandbox Code Playgroud)

有没有办法用角形材料来自动调整文本框的大小?

小智 9

对于我的工作,将此应用于textarea

角 7

<textarea cdkTextareaAutosize #autosize="cdkTextareaAutosize"cdkAutosizeMinRows="1" cdkAutosizeMaxRows="5"> </textarea>
Run Code Online (Sandbox Code Playgroud)

验证滚动,如果不显示验证CSS属性'overflow: auto'

  • 另外,不要忘记在模块中从 cdk 导入 TextFieldModule: import { TextFieldModule } from '@angular/cdk/text-field'; (2认同)

Com*_*ide 7

答案很简单:应该是matTextareaAutosize,而不仅仅是matAutosizehttps : //github.com/angular/material2/blob/master/src/material-examples/input-autosize-textarea/input-autosize-textarea-example.html

警告!显然,它将在版本7中删除,并且目前不建议使用 https://material.angular.io/components/input/api#MatTextareaAutosize

PS:另请参阅@Simon_Weaver中有关弃用的评论

  • 关于弃用:通过使用CDK中可用的cdkTextareaAutosize指令,可以使&lt;textarea&gt;元素自动调整大小。因此,您应该使用它。 (5认同)