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

Question

我可以从 Angular Material 导入 MatTextareaAutosize，但我在 docs 中看不到它，也没有找到使用它的方法。

我希望使用这样的东西：

<mat-form-field>
    <textarea matInput matAutosize></textarea>
</mat-form-field>

有没有办法让 angular material 自动调整文本框的大小？

Answer 1

答案很简单：应该是matTextareaAutosize，而不只是matAutosize：https://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 关于弃用

的评论

Answer 2

对于我的工作，将此应用于 textarea：

Angular 7

<textarea cdkTextareaAutosize #autosize="cdkTextareaAutosize"cdkAutosizeMinRows="1" cdkAutosizeMaxRows="5"> </textarea>

验证 scroll，如果不显示则验证 CSS 属性 'overflow: auto'