Публикации по теме 'angular-forms'
Ускорьте реактивные формы Angular с помощью этой простой конфигурации
Ускорьте реактивные формы Angular с помощью этой простой конфигурации
Если вы читаете эту статью, я полагаю, что вы знаете о фреймворке Angular. В этой статье я хотел бы поделиться несколькими выводами, которые повысили производительность реактивных форм Angular.
Эта функция доступна только в Angular v5.
Фон:
С формами Angular React действительно легко работать, но когда вы начинаете добавлять в форму все больше и больше элементов управления, это усложняется и часто вызывает..
Вопросы по теме 'angular-forms'
Angular2 Если ngModel используется в теге формы, должен быть установлен либо атрибут name, либо форма
Я получаю эту ошибку из Angular 2
core.umd.js: 5995 ИСКЛЮЧЕНИЕ: Uncaught (в обещании): Ошибка: ошибка в app / model_exposure_currencies / model_exposure_currencies.component.html: 57: 18 вызвано: Если ngModel используется в теге формы, атрибут...
264031 просмотров
schedule
02.04.2022
Как получить имя поля ввода из объекта Angular2 FormControl?
У меня есть приложение Angular 2, которое использует модуль ReactiveForms для управления формой, использующей настраиваемый валидатор. Валидатор получает объект FormControl . У меня есть несколько полей ввода, которые могли бы использовать один и...
36860 просмотров
schedule
22.07.2022
Angular 2 — обновление ngModel
У меня есть список таблиц. Когда пользователь нажимает на таблицу, происходит следующее:
(click)="selectedTable=table"
И появляется новая форма, которая позволяет редактировать файл selectedTable . Форма содержит следующие входные данные:...
2272 просмотров
schedule
25.11.2022
Проверить количество ошибок Angular Reactive Forms
Я хочу условно применить класс css, если количество ошибок в форме больше 1. Как мне это сделать в angular4?
Составная часть:
import { Component } from "@angular/core";
import { FormGroup, ReactiveFormsModule, FormBuilder, Validators } from...
2522 просмотров
schedule
16.12.2022
Кнопка «Изменить / Удалить» для каждой строки и столбца заголовка - «Действие» в компоненте md-table.
Я новичок в мире angular 4, и я пытаюсь добавить кнопку «Изменить / Удалить» для каждой строки, а столбец заголовка - «Действие» в компоненте md-table в дизайне Angular Material с Angular 4. как я могу это сделать это? настраиваемый столбец...
56650 просмотров
schedule
22.04.2022
Значения формы не инициализируются при загрузке нового контейнера ng
Plunkr ссылка: https://plnkr.co/edit/MOQ1evhsAocw3cJrYM0q?p=preview
У меня есть следующий код ngSwitch в моем HTML-шаблоне:
<ng-container [ngSwitch]="f.value.visitFrequency">
<ng-container *ngSwitchCase="'weekday'">...
708 просмотров
schedule
07.11.2022
Angular 2 — привязка модульного теста к вложенному пользовательскому элементу управления формой
У меня есть пользовательский элемент управления с селектором app-date-picker . Он реализует ControlValueAccessor . У меня есть компонент под названием MyPage , который содержит этот настраиваемый элемент управления формой через:...
2003 просмотров
schedule
09.06.2023
Проверка пользовательской формы Angular 4 не запускается
Я хочу создать пользовательскую проверку, чтобы проверить, совпадают ли пароли, но проблема в том, что пользовательский валидатор не срабатывает. Извините, я не могу поделиться plunkr.
// Вот компонент регистрации (и импорт)
import {...
2653 просмотров
schedule
17.11.2022
Пользовательский валидатор Angular 4 ngIf не отображает ошибку ‹span›
Я создал 2 настраиваемых валидатора формы, оба из них работают, но сообщение не отображается, когда я использую условие ngIf в шаблоне. Однако для встроенных валидаторов сообщения отображаются. Оба этих валидатора прописаны в компоненте и ошибок в...
1831 просмотров
schedule
11.09.2022
FormArray без FormControls и просто строк Angular 2
У меня есть два строковых массива на моем бэкэнде, которые я должен заполнить либо одной строкой, либо несколькими строками. Однако это не пары «ключ-значение». Я пытаюсь вставить строку в один из массивов, но сталкиваюсь с тем, что я не указываю и...
11237 просмотров
schedule
01.03.2022
Проверка формы в родительской форме Angular 2+
Скажем, у меня есть форма оформления заказа, которая содержит компонент дочернего адреса следующим образом
<form [formGroup]="checkoutForm">
<input formControlName="fullName">
/** more inputs **/...
2432 просмотров
schedule
16.06.2022
Ошибка в консоли, но отображается в браузере
У меня есть проблема в моем угловом приложении, которое говорит об ОШИБКЕ TypeError: Невозможно прочитать имя свойства неопределенного, но отображается имя проекта. Как я могу избавиться от ошибки в console.log. Данные содержат объект....
43 просмотров
schedule
18.12.2022
Угловая проверка формы — как включить ввод из ng-template?
В управляемой шаблоном форме у меня есть два входа. Второй исходит из ng-template.
<form #testForm="ngForm">
First name <input type="text" name="firstName" [(ngModel)]="firstName" required> (required)
<br>...
2259 просмотров
schedule
06.06.2022
Запуск проверки ввода на основе изменения флажка в Angular 4
Я просматриваю массив значений ключей, чтобы создать список флажков, для каждого из которых отключен входной сигнал брата или сестры. При установке каждого флажка одноуровневое текстовое поле для ввода становится активным и является обязательным. В...
889 просмотров
schedule
06.03.2022
Как отключить все даты до определенной даты в angular?
Я создаю компонент (html, css, spec.ts, ts) в angular, в котором я всегда хочу endDate> startDate. Я перешел по этой ссылке https://material.angular.io/components/datepicker/overview для того, чтобы сделать несколько датпикеров.
Ниже мой...
40173 просмотров
schedule
10.06.2022
Значения формы Angular 4
У меня есть поля input , которые я построил следующим образом:
<mat-form-field *ngFor="let item of nutrients">
<input matInput type="text" name="{{item.nutrientId}}_{{i}}" placeholder="{{item.nutrientName}}...
1579 просмотров
schedule
06.07.2023
Постоянство Angular Form: восстановить форму после уничтожения компонента
Я использую FormBuilder , чтобы иметь простую форму в моем проекте Angular 5.1.2 :
ngOnInit() {
const formSettings = {
name: ['', [Validators.required, Validators.maxLength(50), this.nameValidator]],
deviceType: ['',...
2017 просмотров
schedule
18.10.2022
Как добавить событие клика внутри тегов формы
Я создаю форму angular2 в машинописном тексте, используя ionic,
.html
<form (ngSubmit)="verify(form)" #form="ngForm">
<ion-input type="text" name="data" #number="ngModel" maxlength='4" [(ngModel)]="digits"></ion-input>...
107 просмотров
schedule
06.04.2022
ForEach внутри ForEach в реактивных формах Angular 4
Как я могу указать forEach дату истечения срока действия, если у меня есть один и тот же ингредиент, но с другим сроком годности. Я имею в виду, что у меня должен быть раскрывающийся список, в котором можно было бы выбрать ингредиент и вывести каждую...
364 просмотров
schedule
20.11.2023
Вложенная таблица в Reactive Forms
Я немного смущен тем, как мне исправить несколько столбцов и строк в моих ингредиентах. Так как один ингредиент имеет несколько сроков годности. Они должны быть разделены. Но у каждого ингредиента есть свое доступное количество. Но у них также...
921 просмотров
schedule
23.07.2023