Публикации по теме 'angular-forms'
Угловые формы
Добро пожаловать в этот обзор курса Pluralsight Угловые формы Марка Замойты.
Это третий курс обучения Pluralsight по Angular, следующий за Angular The Big Picture и Angular: Начало работы . Это курс для начинающих, и вам не обязательно смотреть другие курсы, чтобы понять материал этого курса.
Курс довольно короткий - 2 часа 3 минуты. После пары кратких вводных модулей есть пять основных модулей, которые я рассматриваю здесь:
Основы форм в Angular
Это начинается с просмотра..
Angular: создавайте реактивные формы с помощью Formbuilder
Формы - очень важная часть веб-приложения. Иногда мы приходим к сценарию, в котором элемент формы статичен и четко определен. Иногда разработка веб-приложений выходит за рамки статических форм и превращается в динамические. У динамических форм нет статических полей. Динамические формы и элементы управления могут быть созданы на основе определенных событий. В этой статье мы собираемся создать реактивную форму, используя реактивный подход Angular.
Angular поддерживает два дизайна для..
Угловой: многоступенчатая форма - с волшебством реактивных форм
Форма - один из наиболее широко используемых веб-компонентов. Вы не согласны? Будь то блог, путешествия, ресторан, банк, больница - выберите любое веб-приложение, и вам потребуется заполнить форму всякий раз, когда вам нужно будет отправить какую-либо информацию. Черт! Возможно, вы даже не сможете использовать определенные приложения, если не создадите учетную запись или не войдете в них.
Теперь, как веб-разработчик, я то и дело натыкаюсь на задачи по созданию форм. С одной..
Вопросы по теме 'angular-forms'
Нет исключения поставщика, помещающего ngControl для подкомпонента
Я хочу реализовать пользовательскую форму с помощью Angular2 (с TypeScript и Jade).
Когда я использовал элемент my-input , который я создал как настраиваемые компоненты формы вместо input , и добавил директиву ngControl к input , я получил...
672 просмотров
schedule
13.04.2023
Как узнать, когда настраиваемый элемент управления формой помечен как нетронутый в Angular?
У меня есть несколько пользовательских компонентов управления формой в моем приложении Angular, которые реализуют интерфейс ControlValueAccessor , и он отлично работает.
Однако, когда markAsPristine() вызывается в родительской форме или...
11079 просмотров
schedule
03.07.2023
Angular настраиваемый валидатор async не работает
Вот demo plnkr . Я пытаюсь реализовать настраиваемый асинхронный валидатор для ввода OTP, который имеет текстовое поле и кнопку проверки. Я хочу проверить ввод только тогда, когда пользователь нажимает кнопку подтверждения OTP или кнопку отправки...
5805 просмотров
schedule
08.03.2022
Реактивные изменения формы Angular 2
У меня есть реактивная форма, в которой я хочу обнаружить изменения. Например, когда пользователь просматривает продукт, открывается страница «Просмотр продукта» с заполнением всех полей формы сведениями об этом продукте. Если изменяется какое-либо...
1738 просмотров
schedule
27.04.2023
Angular ReactiveForm запускает проверку программно
Предполагая, что в шаблоне есть такой фрагмент кода:
<form #myForm="ngForm">
<md-input-container>
<input mdInput name="address" [formControl]="addressCtrl" [(ngModel)]="address" required>
</md-input-container>...
672 просмотров
schedule
27.05.2022
Angular2 NgForm valueChanges по-прежнему срабатывает при переходе на другую страницу
Я работаю над проектом Angular 4.x, и есть 2 страницы с правильно настроенной маршрутизацией.
На странице1 я подписался на valueChanges NgForm следующим образом:
this.myNgForm1.valueChanges.subscribe(data => {
console.log("Is myNgForm...
1044 просмотров
schedule
14.05.2023
formGroup ожидает экземпляр FormGroup: angular 4
Я создал formGroup в angular 4, где пользователь и организация хранятся в объекте. Теперь я хочу заполнить мою группу форм, используя эти два объекта. В моем ts я сделал следующее:
createForm(user: any) {
this.userForm = this.fb.group({...
7317 просмотров
schedule
23.07.2022
Реактивные формы Angular 4 с привязкой переключателя к сложному объекту не работают
GradingKey.currentAnswer не привязан к переключателю, когда значение изначально добавляется в форму.
почему не работает?
Это сработало один раз до angular 4, см. Как установить выбранную радиокнопку изначально в группе * ngFor on Radiobutton...
1508 просмотров
schedule
19.07.2023
TypeError: Невозможно прочитать имя свойства неопределенного TypeError: Невозможно прочитать имя свойства неопределенного
Я работаю с AngularJS и ядром .net. Обычно идея заключается в том, что с угловым я представляю данные и вызываю WebAPI из ядра .net. Представление данных не проблема, для публикации данных в настоящее время я не закончил, потому что у меня проблема...
1760 просмотров
schedule
30.07.2022
Угловой контроль формы отключен, привязка не работает
У меня есть элемент управления формой, который я отключаю при загрузке страницы. Когда пользователь нажимает кнопку, формы должны становиться доступными для редактирования. Однако, когда я переключаю свойство, отключившее элемент управления, ничего...
24688 просмотров
schedule
25.04.2023
Групповая проверка против проверки контроля в формах Angular
У меня есть группа форм в моей угловой форме. Я хотел бы применить настраиваемый валидатор «черного списка» ко всей группе, а не к каждому полю.
Есть ли способ проверить, проходит ли каждое поле валидатор, не применяя его к каждому контроллеру? Я...
154 просмотров
schedule
15.05.2022
Взаимоисключающие опции в Angular
Попробую немного объяснить мою ситуацию...
У меня есть <form> , который содержит FormArray . В каждой FormArray группе есть еда control , и каждая из них <select> .
Все выборки заполняются одним array .
Чего я пытаюсь...
934 просмотров
schedule
26.11.2022
Вставить экземпляр AbstractControlDirective как @ContentChild в настраиваемую директиву
У меня есть такой контроль формы:
<input formControlName="myName" dynamicDisable>
Затем настраиваемая директива:
@Directive({
selector: '[formControlName][dynamicDisable]
})
export class DynamicDisableDirective implements...
341 просмотров
schedule
30.12.2022
Угловая проверка формы: сравните два поля
В приложении Angular 4, как я могу проверить два поля формы, выполняя сравнение?
Например, предположим, что в моей форме есть поля даты startDate и endDate , и я хочу убедиться, что endDate должно быть больше, чем startDate .
20617 просмотров
schedule
22.06.2022
Проблема с динамической формой в Angular
Сценарий:
Форма создается динамически, я использовал это руководство для динамического создания формы. Когда я нажимаю кнопку «Отправить», значение формы, которое я получаю в компоненте, равно
ТС :
doSubmitICR(form) {...
35 просмотров
schedule
24.08.2022
Угловая вставка FormArray
Я пытаюсь обновить определенное значение в formArray с помощью insert (). Я инициализирую форму в ngOninit () следующим образом:
this.myForm = this.fb.group({
exercises: this.fb.array([]),
type: new FormControl(),
day: new...
3522 просмотров
schedule
08.04.2022
Angular Form встроенные валидаторы ошибок объектов-ключей
Где я могу получить список ключей объектов ошибок для встроенных средств проверки ?
Например, если поле использует встроенный валидатор required , я могу проверить:
form.get('myField').hasError('required')
но не все ключи объекта ошибки...
816 просмотров
schedule
05.12.2022
ngx-chip минимальная длина текста
Я использую компонент ввода тегов в угловой форме.
https://github.com/Gbuomprisco/ngx-chips
Данные поступают из службы http (Observable).
Мне не удалось найти в документации способ указать минимальную длину текста перед выполнением вызова...
1243 просмотров
schedule
22.03.2023
Angular ReactiveForms - динамически установленные валидаторы ведут себя неожиданно
Я пытаюсь добавить динамическую проверку ReactiveForm в Angular 4.
Моя проблема в том, что функция SetValidators() ведет себя как-то неожиданно.
Я бы хотел иметь такое поведение:
Поле ввода может быть пустым, но ЕСЛИ пользователь хочет...
2893 просмотров
schedule
22.08.2022
ng-form внутри ng-repeat не обновляет subform.$submitted
Я пытаюсь создавать формы внутри ng-repeat, все работает нормально, кроме кнопки отправки. Кнопка отправки размещена на главной форме, она общая для всех подчиненных форм. Если нажать кнопку отправки, mainForm.$submitted обновится, а...
23 просмотров
schedule
22.01.2023