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

2 ответа

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

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

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

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

Необходимо показать сообщение об ошибке в mat errror на основе условия if в компоненте

Я хочу показать сообщение об ошибке в mat error на основе условия if в компоненте. export class EditMaterialComponent implements OnInit { public quantityRemaining:any; public editMaterialForm = new FormGroup({ count: new FormControl(''), suppliedTo:…
09 янв '20 в 13:28
2 ответа

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

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

Я не получаю ожидаемых ошибок

Я использую ng2TelInput, это моя HTML-страница: <form class="example-form" [formGroup]="myForm" #f="ngForm" (ngSubmit)="submit(f)"> <mat-form-field class="example-full-width"> <input type="text" pattern="[0-9]{10}" ng2TelInput matInpu…
09 июн '20 в 16:35
1 ответ

Мои сообщения об ошибках угловой формы перекрывают элементы формы под ней. Как мне предотвратить это?

ОБНОВЛЕНО : открытая ошибка с 2017 года: https://github.com/angular/components/issues/5227 Вот ссылка на пример проблемы: Stackblitz Я пробовал некоторые теги div, spans и br внутри тегов mat-error, но это ничего не дает. Я не хочу сдвигать поля вни…
04 сен '20 в 18:23
2 ответа

как сделать настраиваемый валидатор в angular для проверки поля формы на основе другого поля формы?

Машинопись для компонента: export class EtcAddAuthorityComponent implements OnInit { addAuthorityForm: FormGroup; authTypes: any[] = []; loading = false; numericRegex = /^[0-9]*$/; alphabeticRegex = /^[a-zA-Z]*$/; constructor( private readonly dialo…
19 авг '20 в 21:58
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…
0 ответов

запускать настраиваемый валидатор при ошибке mat в angular

У меня есть значение поля формы, которое добавляется в таблицу. Мне нужно показать две проверки. требуется один, который сейчас работает. а другой - настраиваемая проверка, когда он уже добавлен в таблицу. Я создал логическое значение, которое являе…
20 июн '20 в 14:34
0 ответов

mat-error не отображается при использовании с mat-date-range-input, даже если установлена ​​ошибка

У меня есть следующий выбор диапазона дат: <mat-form-field> <mat-label>Label</mat-label> <mat-date-range-input [rangePicker]="picker"> <input formControlName="dateRangeFrom" id="dateRangeFrom"…
1 ответ

Angular 8 mat-error не отображает сообщение об ошибке

Я позаимствовал следующий код из одного из моих старых проектов, в котором он работал нормально. Но теперь он не отображает никаких сообщений об ошибках, поскольку я использовал тот же код в новом проекте. HTML <mat-card class="centered card">…
18 май '20 в 19:36
1 ответ

Как проверить ввод с помощью Angular Autocomplete

Мне нужна помощь. Я использую Angular Material. Моя проблема связана с отображением / отключением мат-ошибок при использовании автозаполнения. В моем коде есть форма с функцией автозаполнения. Входные данные вызывают объект JSON в качестве ответа. {…
05 ноя '20 в 15:36
1 ответ

Можно ли сделать всю границу поля формы входного мата красной при ошибке проверки

В моей форме у меня есть поле электронной почты, которое настраивается, и я не могу использовать поле ввода внешнего вида. <mat-form-field appearance="fill"> <mat-label>Enter your email</mat-label> <input matInput placeholder="p…
1 ответ

Ошибка mat не отображает ошибку для настраиваемых валидаторов, но шаблон отображает ошибку

app.component.html <div class="col-sm-3"> <mat-form-field class="col-sm-3" appearance="outline" class="example-full-width input-small-size d-block"> <mat-label>Personal Phone 1 </mat-label> <input matInput formControlName=…
0 ответов

mat-error не отображается с ControlValueAccessor

У меня есть обычай app-input компонент, который использует mat-form-field а также mat-error но ошибка не появляется. Я назначаю NgControl к formfield правильный путь? составная часть import { Component, OnInit, Input, forwardRef, HostListener, Self,…
06 июл '21 в 00:55
1 ответ

mat error не отображает ошибку при нажатии кнопки. угловой 7

У меня проблема с отображением сообщения об ошибке в мате error. Ниже приведен HTML-код. HTML <form [formGroup]="addTenderLicneseForm" autocomplete="off"> <mat-form-field fxFlex="0.7 1 0%;" appearance="outline"> <mat-label>Media Up…
1 ответ

mat-input по-прежнему остается недействительным после успешной проверки - Angular 12

Код компонента- ngOnInit(): void { this.form = this.fb.group({ currentPassword: ['', [Validators.required], [this.matchCurrentPassword]], newPassword: ['', [Validators.required, Validators.minLength(6), Validators.maxLength(12)]], confirmPassword: […
1 ответ

Angular 11 Пользовательские реактивные формы валидатора ISBN

Я выполняю настраиваемую проверку номера ISBN, у меня уже есть функция, которая проверяет номер и отлично работает, давая мне ответ через консоль, но мне нужно сделать настраиваемый валидатор, чтобы получить ошибку в представлении с элементом управл…
1 ответ

Выпадающий объект ngmodel в раскрывающемся списке angular materror check действителен

Добрый день, Обычно я устанавливаю значение раскрывающегося списка в строку, например: <mat-form-field> <mat-select name="searchReloadType2" placeholder="reload to" required #searchReloadType2="ngModel" [(ngModel)]="reloadTypeObjStr" > &…
24 дек '21 в 08:42
0 ответов

Отображается требуемое сообщение об ошибке, даже если введенные данные заполнены как ошибка мат

Я пытаюсь отобразить сообщение об ошибке с помощью mat-error для 2 условий. Если пусто, то должно появиться сообщение об ошибке require mat. Если не пусто, но есть другая ошибка, отобразить обычное сообщение об ошибке Я использую средство выбора дат…