Дизайн материала Angular 2, установка минимальных строк для автоматического размера текстовой области

Кто-нибудь знает, как установить минимальные строки для авторазмера элемента ввода textarea дизайна материала Angular 2?

Вот мой образец:

<md-input-container class="input-field message">
    <textarea md-input md-autosize minRows="3" placeholder="Message" name="message"></textarea>
</md-input-container>

Вот исходные коды: https://github.com/angular/material2/blob/master/src/lib/input/autosize.ts

Я заметил, что у него есть входная переменная minRows, и установка [minRows]="3" все еще не помогла.

Я застрял, пожалуйста, помогите.

обновление: я пытался повторить эту проблему на plunkr, но безуспешно. Кажется, мой локальный CSS каким-то образом переопределяет стиль материала Angular.


angular textarea angular-material2
person Sergey Zykov    schedule 31.01.2017    source источник

Ответы (1)


arrow_upward
10
arrow_downward

У меня была такая же проблема сегодня, и это работает для меня

<md-input-container class="full-width">
    <textarea mdInput mdTextareaAutosize minRows="6" placeholder="Beschrijving" id="description" formControlName="description"></textarea>
</md-input-container>

текстовое поле начинается с 6 строк и при необходимости расширяется.

person Marco St    schedule 01.02.2017
comment
Спасибо. Я думаю, это md-autosize помогает! - person yeelan; 27.02.2017
comment
С новейшими версиями Angular Material md-input и md-autosize работать не будут. Использование: mdInput и mdAutosizeMinRows - person Hristo Eftimov; 12.05.2017
comment
Просто столкнулся с той же проблемой. Спасибо @HristoEftimov за подсказку! - person Ilya Krasnov; 02.07.2017
comment
Начиная с Angular Material 2.0.0b12 префиксы md были изменены на мат. Итак, атрибут автоматического изменения размера теперь называется matTextareaAutosize. - person LexH; 14.10.2017
comment
Сейчас cdkTextareaAutosize, так как matTextareaAutosize вот-вот устареет: material.angular.io/components/ input/api#MatTextareaAutosize - person Mikhail Romanov; 10.10.2018