web-dev-qa-db-ja.com

Angular Materialにはtextareasの自動サイズ設定が組み込まれていますか？

MatTextareaAutosizeをAngular Materialからインポートできますが、 docs に何も表示されず、使用方法が見つかりません。

私は次のようなものを使用することを期待していました：

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

angularマテリアルを使用してテキストボックスの自動サイズ変更を取得する方法はありますか？

angulartextareaangular-materialautosize
6
Dave Molinero

答えは簡単です。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からのコメントも参照してください

8
Commercial Suicide

私の仕事では、これをtextareaに適用します。

Angular 7

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

scrollを確認します。表示されない場合は、[〜＃〜] css [〜＃〜] property 'overflow: auto'を確認します。

6
Gedward Romo