угловой материал текстовые строки не работает

Question

Я использую угловой дизайн материала, и я использовал Textarea, но высота не изменилась, я исправил много способов, но не работал, мне нравится хочу

Тем не менее, это всегда один и тот же размер.Даже изменить css Кроме того, но он просто меняет высоту, и я могу сказать, что он не работает

Есть идеи, как изменить размер текстовой области?

<mat-form-field appearance="outline" class="example-full-width">
      <mat-label>Discription</mat-label>
      <textarea matInput></textarea>
    </mat-form-field>

Даже я пробовал это также

<mat-form-field>
  <mat-label>Description</mat-label>
  <textarea matInput formControlName="description" matTextareaAutosize matAutosizeMinRows=1 matAutosizeMaxRows=5></textarea>
</mat-form-field>

Этот вывод я получаю код формы

Этот вывод я получаю форму Ожидая

Answer 1

набор line-height стиль для textarea.

например:

<mat-form-field >
    <textarea matInput placeholder="Description" style="line-height: 20px !important"></textarea>
</mat-form-field>

Answer 2

Вам нужно добавить:

matAutosizeMinRows=5 matAutosizeMaxRows=20

Это установит минимальное количество строк и максимальное количество строк, которое также контролирует высоту.

Вот демо: Stackblitz

Если вы пробовали вышеизложенное, когда редактировали вопрос, и вы получаете другой результат.Тогда, вероятно, другой CSS переопределяет высоту textarea.Обратитесь к своему инструменту разработчика, чтобы узнать другие CSS, прикрепленные к textarea.