Описание тега mat-input

1 ответ

Угловой материал DatePicker смещается месяц и день после ввода

Я разрабатываю приложение, используя Ionic 4 / Angular 7 и Angular Material 7.2.1. Приложение использует бразильский формат даты ДД / ММ / ГГГГ. Когда я выбираю дату с помощью самого DatePicker, текст на входе в порядке. Но после ввода даты в поле в…
1 ответ

Установить директиву по умолчанию для всего ввода в приложении

Я использую mat-form-field с пользовательским CSS для того, чтобы изменить быть выглядеть appearance="outline" директивы. В Angular Material v 7.2.1 appearance="outline" был добавлен в mat-form-field опции. Как я могу объявить appearance="outline" п…
28 янв '19 в 08:50
2 ответа

Установите значок изображения до элемента управления mat-form-field

Я новичок в разработке угловых приложений. У меня есть ситуация, когда я загружаю форму из таблицы угловых данных. Форма при загрузке имеет атрибуты, которые заполняются на основе данных из базы данных. Для одного из полей формы, помимо отображения …
09 фев '19 в 18:43
1 ответ

Заполнитель в мат-вводе

Я использую angular6 с угловым материалом для создания этого аккуратного сайта. Я использую mat-form-field с mat-input так показать элемент ввода текста с placeholder текст. позиция текста заполнителя имеет два состояния. один! когда ввод текста пус…
0 ответов

Angular 5 - Material Angular - Входы реагируют очень медленно на набор текста

У меня проблема с реактивностью угловых элементов matInput в моем приложении. Вот как структурировано мое приложение: У меня есть компонент SVG, в котором я рисую несколько элементов SVG, обернутых в угловые компоненты (квадраты, круги... и т. Д.), …
07 ноя '18 в 02:17
1 ответ

Как обновить Mat-Input Placeler на Focus

У меня есть это поле ввода материала, где я хотел бы иметь другой заполнитель, когда пользователь фокусирует ввод. Когда нет фокуса и нет значения Когда пользователь фокусирует его Когда пользователь имеет некоторую ценность и фокусирует его Есть ли…
10 дек '18 в 16:08
25 ответов

Как изменить высоту в mat-form-field

Как я могу изменить высоту в mat-form-field с appearance="outline"? Мне нужно уменьшить поле mat-form-field. Мой пример ввода
1 ответ

При переходе от темы по умолчанию к пользовательской теме курсор удаляется из MatInput, Angular 6

Я хотел изменить цветовую схему углового материала по умолчанию на собственную. Моя проблема в том, что когда я это сделал, поле MatInput перестало показывать мигающий курсор, когда он в фокусе. Мне было интересно, как я мог вернуть его к отображени…
19 мар '19 в 18:23
1 ответ

Проверка ввода элемента управления формы на наличие ошибок, используя его как переменную

Я использую угловой 8 с угловым материалом, чтобы написать свой сайт. У меня есть форма с formGroup создан и я хочу иметь возможность использовать *ngIf проверить наличие ошибок проверки, используя фактический элемент ввода в качестве параметра. В н…
1 ответ

Угловая привязка входного значения [значение] к [(ngModel)]

У меня есть эта таблица: <table class="mat-elevation-z8"> <tr *ngFor="let prescription of prescriptions" class="mat-row"> <td> <mat-form-field class=""> <input [value]="prescription.description" matInput placeholder="Descr…
05 июл '19 в 12:00
2 ответа

При отправке выполняется отлично, даже если вылезают ошибки

У меня есть форма с минимумом символов и максимумом, проблема в том, что если минимум 2 символа, и я поставил один, я получаю mat-error, но при сохранении он позволяет вам сохранить его только с одним символом. <mat-form-field> <input matIn…
13 янв '20 в 14:16
2 ответа

Как установить ограничение на количество символов на вводе мата?

Я не нашел упоминания об ограничении количества символов в документации. Похоже, очень распространенное требование. Как я могу добавить к этому Textarea ограничение в 300 символов? https://stackblitz.com/edit/angular-izbcey?file=app/input-overview-e…
17 сен '19 в 17:52
0 ответов

Когда я использую mat-input и mat-field в одной строке и добавляю mat-chip, эти 2 поля не остаются в одной строке

У меня два-три входа в одной строке. Первые два - мат-ввод, а третий - мат-чип, все в одной строке. Когда я добавляю мат-чип, это поле опускается, и выравнивание из первых двух полей не остается прежним, в одной строке. мой код выглядит примерно так…
29 апр '20 в 10:06
1 ответ

Как я могу установить фокус для ввода мата внутри мата-радио

Я пытаюсь установить фокус (курсор будет мигать) в поле ввода, щелкнув настраиваемый переключатель. Но это не happening.I Have stackblitz демо здесь. пока я пробовал. <mat-radio-group [(ngModel)]="selection" #radioGroup="matRadioGroup"> <ma…
08 сен '19 в 07:41
1 ответ

Как изменить положение заполнителя Angular Material в angular8?

Я имею angular8 проект, в котором у меня есть angular material. Я используюmat-autocompleteдля автозаполнения ввода. Вот код моего html <form class="example-form"> <mat-form-field class="example-full-width dummy-input-field" floatLabel="nev…
13 ноя '19 в 03:22
0 ответов

Невозможно скопировать текст из отключенного matInput в firefox

Проблема Невозможно скопировать текст из отключенного matInput в firefox. Это работает в Chrome и Safari. На Stackru есть некоторые обсуждения: Ссылка 1 Ссылка 2 Stackblitz HTML <form [formGroup]="customerContactFormGroup"> <mat-form-field&…
2 ответа

Доступ к групповому контролю формы внутри *ngFor

В файле шаблона я перебираю массив элементов, и для каждого элемента вставляется отдельная строка. Каждый элемент имеет одинаковый набор элементов управления, но всякий раз, когда я ввожу неправильное значение в одно из полей ввода, такое же сообщен…
2 ответа

Как совместить мат-кнопку с мат-входом?

Как я могу правильно выровнять эти два элемента? Я пытаюсь их идеально выровнять, но регулировка высоты кнопки просто заставляет нижнюю часть отодвигаться от нижней части поля поиска. Я думаю, это потому, что их центр не выровнен, поэтому регулировк…
16 фев '20 в 20:59
2 ответа

событие ввода matInput вызывается при загрузке страницы в Internet Explorer 11, когда установлен заполнитель

Я обнаружил, что есть ошибка IE, когда установка заполнителя вызывает событие ввода, как описано здесь. Это происходит при загрузке страницы, поэтому взаимодействия с пользователем не было. Мой код: app.component.html <mat-form-field> <inpu…
1 ответ

matInput Label Скрытие в фокусе

Я только начал использовать Angular Material. Я скопировал код из официальных документов ввода материалов. Но всякий раз, когда я сосредотачиваюсь на вводе, он скрывается, когда плавает. Перед фокусом После фокуса PS: Это происходит с каждым полем ф…
12 май '20 в 14:54