Описание тега mat-form-field

2 ответа

How can I calculate the math equation from a Mat form field that formulates like an excel with equal symbol using Angular material

I am new to the Angular. I want to type =100+5 or =8*5/2 inside the mat form field and it calculate and display the result inside the mat form field itself when I press enter key. I am unsure how to handle these equation inside the MatFormField. Ple…
1 ответ

mat-error не отображается в созданном мной компоненте

Я использую angular 8 с материалом angular для создания своего приложения. У меня определено следующее поле формы: <mat-form-field floatLabel="always"> <app-my-datetime-input placeholder="From" formControlName="from…
2 ответа

Как мне изменить цвет заполнителя <input>, который находится внутри <mat-form-field> из углового материала?

Я пытаюсь изменить цвет заполнителя на БЕЛЫЙ в моем элементе ввода, используя.CSS. элемент это внутри <mat-form-field class="text-center"> <input class="daniel" matInput (keyup)="applyFilter($event.target.value)" placeholder="Search-bar"&gt…
03 дек '19 в 02:56
1 ответ

Как связать имя шаблона формы с компонентом angular 6/8

<form #userForm="ngForm"> </form> Вместо того, чтобы писать userForm непосредственно в Html, я хочу получить это имя из компонента, как показано ниже <form #{{formName}}="ngForm"> </form> Я хотел бы написать такой компонент к…
14 окт '19 в 14:56
2 ответа

mat-form-field с внешним видом не работает

Я меняю направление тела на RTL. dir = "rtl" и mat-form-field с внешним видом "контур" не работает. вы можете попробовать его на сайте https://material.angular.io/, в примерах полей формы, в разделе вариантов внешнего вида поля формы, редактировать …
2 ответа

Невозможно выполнить привязку к 'dividerColor', поскольку это не известное свойство 'mat-form-field'

Я создал приложение Angular и успешно его скомпилировал: 10% building 3/3 modules 0 activei 「wds」: Project is running at http://localhost:4200/webpack-dev-server/ i 「wds」: webpack output is served from / i 「wds」: 404s will fallback to //index.html c…
15 ноя '19 в 10:46
3 ответа

Цвет фона контура поля формы проблемы при наведении курсора

У меня проблема с CSS, когда я наводил указатель мыши на mat-form-field. Чтобы иметь возможность использовать цветную матовую карту, я добавил некоторый класс CSS в style.scss изменить background-color из mat-form-field. .mat-form-field-appearance-o…
1 ответ

Внешний вид контура углового изменения материала в поле формы

Привет из этого вопроса. Изменение цвета границы в поле mat-form-field. Я уже узнал, как изменить цвет каретки поля mat-form-field в случае неверного ввода, но я не могу понять, как изменить цвет контура такой. пример каретки .mat-form-field-invalid…
0 ответов

mat-autocomplete и ввод не отображаются правильно, что-то не так с моей формой

Я получил формат автозаполнения из: http://www.freakyjolly.com/angular-7-6-material-autocomplete-example-with-remote-server-side-results/ Мое поле ввода не стирает заполнитель при вводе чего-либо, а также параметры не отображаются. Похоже, что javas…
0 ответов

Угловая форма материала - для партий

У меня есть следующий код для отображения списка полей (пока есть 12 полей). Я хочу, чтобы через каждые 4 поля создавалась новая строка. <div class="form-group"> <mat-list> <div class="row-fluid" *ngFor="let fieldIndividuAliases of co…
01 апр '20 в 16:03
1 ответ

Как применить два разных CSS в поле mat-form на отдельных страницах?

У меня на одной странице есть mat-form-field: - <mat-form-field class="form-control-full-width"> <input type="text" matInput placeholder="First Name" formControlName="firstNameFC" required> <mat-error *ngIf="hasNewUserError('firstName…
3 ответа

Угловое автоматическое изменение размера текстовой области

[![введите здесь описание изображения][1]][1] Я хотел установить максимальную высоту текстовой области, чтобы, когда пользователь продолжал добавлять текст, если он достигает максимальной высоты, он добавлял прокрутку. Но моя текущая реализация сост…
12 май '20 в 12:11
1 ответ

как разместить ввод текста рядом с фишками в Angular

Я пытаюсь создать поле формы mat, которое может отображать теги, ввод и раскрывающееся меню, как показано ниже, но я не уверен, как этого добиться, поэтому кто-нибудь может мне помочь. Я пробовал разные методы в течение нескольких часов, но до сих п…
04 июн '20 в 00:00
0 ответов

Как создавать формы в mat-tab-group?

Я пытаюсь сделать что-то очень простое. Я хочу создать группу mat-tab-group с другой формой на каждой вкладке, поэтому я пробовал много таких вещей: <div style="display: flex; align-items: center; justify-content: center;"> <mat-t…
09 июл '20 в 17:26
1 ответ

Угловой 9 mat-form-field - переставляем плавающую этикетку

Рассмотрим этот код: <mat-form-field> <mat-label>Some label</mat-label> <input matInput> </mat-form-field> Когда поле находится в фокусе, над текстовым полем плавает метка "Some label". Есть ли простой способ разместить…
01 сен '20 в 10:14
1 ответ

Ngx-Formly два входа в одном настраиваемом типе

Есть ли способ определить собственный формальный тип с двумя входами одновременно без черной линии, исходящей от материала. Что мне нужно, так это формальный ввод числа с помощью ползунка. Пользователь должен иметь возможность обычно вводить ввод и …
18 фев '20 в 18:34
1 ответ

Удалить границу поля mat-form с вводом (также для наведения и фокуса)

Мне сложно укладывать свой mat-form-field. Я хочу удалить границу из поля, даже когда поле сфокусировано, а пользователь наведен. Прямо сейчас у меня есть это: и мне нужно удалить эту границу за пределами моего ввода. Это мое поле формы: <mat-for…
06 май '20 в 13:11
1 ответ

Изменение цвета ряби формы мата условно

Я работаю над угловым приложением. Я использую поле mat-form-field следующим образом. <mat-form-field appearance="fill"> <mat-label id="title">{{ title }} </mat-label> <input formControlName="title"…
30 июн '20 в 22:23
1 ответ

Контур mat-form-field вызывает изменение цвета границы валидации, в то время как условия по-прежнему ложны

У меня есть следующий сценарий для обработки сообщения проверки: <mat-form-field appearance="outline" floatLabel="never"> <input maxlength="61" #titleInput placeholder="add title" matInput id="title" formControlName="name" autocomplete="off…
1 ответ

Угловой материал мат-форма-поле условное оформление

Это казалось чем-то простым, но по какой-то причине я не могу заставить это работать. Итак, я хочу, чтобыmat-form-field изменить на основании какого-либо условия, например, если поле отключено, оно должно быть none и если он включен, он должен быть …
13 янв '20 в 20:14