Вопросы по теме 'angular2-forms'

Как добавить шаблон проверки формы в Angular 2?
У меня есть простая форма, которая должна проверять, не являются ли начало и конец ввода пробелом. В HTML5 я сделаю так: <input type="text" pattern="^(?!\s|.*\s$).*$"> Какое свойство является правильным для шаблона проверки в новой...
120425 просмотров
schedule 04.08.2022

Angular2 Нет провайдера для Renderer! (NgModel -> Token NgValueAccessor -> DefaultValueAccessor -> Renderer)
Я настраиваю модальное окно customModal.ts в shlomiassaf/angular2-modal . В частности, я добавляю ввод, содержащий ngModel, он импортирует FORM_DIRECTIVES и директивы. Проблема при запуске «Нет провайдера для Renderer! (NgModel -> Token...
6736 просмотров

Формы на основе шаблонов в Angular 2
Глядя на преимущества и недостатки форм на основе шаблонов и форм на основе моделей в Angular 2 (beta.0), мне интересно, как настраиваемая проверка может быть прикреплена к простому текстовому полю ввода с помощью форм на основе шаблонов. Для этого...
1585 просмотров

Привязка данных Angular2 для пользовательского повторно используемого компонента
Я хочу иметь шаблон, состоящий из метки и текстового поля. Этот шаблон можно повторно использовать в разных местах моей страницы. для этого я создал MyTextComponent. Я хочу знать, как привязать разные значения к входным данным компонентов....
14964 просмотров

FormBuilder Control, вызывающий изменение выражения после проверки исключения
У меня есть форма, которая программно создается через DynamicComponentLoader::loadIntoLocation . Код формы ниже: constructor ( private _builder: FormBuilder ) { this.editForm = _builder.group({ name: ['', Validators.required],...
17255 просмотров
schedule 11.05.2023

Описание валидации в валидаторах форм angular2
Просматривая класс управления API angular2, я вижу minLength(minLength: number) : Function Я понимаю, что делает функция. Однако мне было интересно, нельзя ли прямо в функции разместить описание того, что пошло не так, когда проверка не...
691 просмотров
schedule 08.04.2024

Разница между #form=ngForm и [ngFormModel]=form?
Какая разница между двумя: <form #form="ngForm"> И <form [ngFormModel]="form"> Когда вы используете одно вместо другого?
11757 просмотров
schedule 10.12.2022

Angular2: как редактировать поле
Я создаю приложение со списком контактов, в котором пользователь может добавить контакт, используя поле ввода, как мы обычно делаем для получения данных, я закончил с добавлением и удалением контакта, но я не понимаю, как я буду редактировать...
717 просмотров
schedule 08.01.2023

Выберите на основе перечисления в Angular2
У меня есть это перечисление (я использую TypeScript ): export enum CountryCodeEnum { France = 1, Belgium = 2 } Я хотел бы создать выбор в моей форме , с для каждого option целочисленным значением перечисления в качестве...
104180 просмотров
schedule 26.01.2023

Angular2 - фокусировка текстового поля при загрузке компонента
Я разрабатываю компонент на Angular2 (Beta 8). Компонент имеет текстовое поле и раскрывающийся список. Я хотел бы установить фокус в текстовом поле, как только компонент будет загружен или при изменении раскрывающегося списка. Как мне добиться...
128370 просмотров

rxjs с angular2: в класс компонента, как преобразовать изменения данных поля ввода в поток rxjs
Сказано, что мы можем преобразовать что угодно в поток с помощью rxjs, здесь я хочу преобразовать данные, поступающие из поля ввода, в поток, а затем подписаться на него, в angular2 есть метод для этого с использованием события valueChanges...
1806 просмотров

Родительская форма-потомок от общения ИЛИ отношения ИЛИ проверка
Я думаю, что этот вопрос уже задавали в сложных терминах. Но здесь я пытаюсь упростить . У меня есть родительский компонент с тегом формы и кнопкой отправки . у него есть дочерний компонент с вводом required field с тегом формы и...
1341 просмотров

Angular 2 отображает ошибки проверки после отправки формы
Я создаю управляемую моделью форму Angular2. Большинство примеров, которые я нашел, отключают кнопку отправки, пока форма не станет действительной. Однако я не являюсь поклонником этого шаблона и предпочел бы отображать любые потенциальные ошибки...
3293 просмотров
schedule 07.12.2022

Проблема с компиляцией TypeScript в формах Angular2
Я определил форму в Angular2 следующим образом: this.form = this._formBuilder.group({ password: ['',Validators.required], passwordRepeat: ['',Validators.required] }); куда public form:ControlGroup Что хорошо,...
2242 просмотров
schedule 12.07.2023

двусторонняя привязка с безопасным навигационным оператором
Как лучше всего использовать двустороннюю привязку (синтаксис-сахар) в Angular 2 с оператором безопасной навигации. Я пробовал следующее. <input [(ngModel)]="x?.y?.z"> Но это не поддерживается. Есть ли способ использовать sth. как...
6725 просмотров
schedule 03.05.2023

Пользовательский компонент ввода флажка, стилизованный под Switchery
Я пытаюсь создать собственный компонент флажка в стиле Switchery, который можно использовать в форме, как и любой другой компонент <input type="checkbox" ... /> . Код, который у меня есть сейчас, заботится о стиле: import...
3791 просмотров
schedule 25.04.2023

angular2 проверить форму при нажатии кнопки
Если я отправлю форму, используя button type="submit" , появятся сообщения проверки формы, и все в порядке. Однако, если у меня есть кнопка (или ссылка) с (click)="myhandler()" , проверки не появляются. Как я могу: пометить элемент как...
56690 просмотров
schedule 22.07.2023

Проверка ввода номера типа не работает должным образом в Angular2
Я пытаюсь проверить поле ввода типа number как непустое. Проверка прошла успешно, хотя она пуста. Если поле ввода имеет текстовый тип, это успешно. Вот пример, который объединяет оба случая: @Component({ ... }) export class MyComponent {...
1068 просмотров

Angular2 Двусторонняя привязка данных не работает
Вот пример кода: var SampleComponent7 = ng.core.Component({ selector: "sampleseven", template: "<input [(value)]='name' /><input (click)='clicked()' value='Click here' type='submit' />" }).Class({ constructor: function(){...
1151 просмотров

Проверка динамической формы на основе модели Angular2
Пожалуйста, обратитесь к моему plunkr Я играл с новым Angular 2 RC и, кажется, понял, как работает проверка формы. Сначала я создаю 2 объекта с именами defaultValidationMessages и formDefinition. private defaultValidationMessages: { [id:...
625 просмотров
schedule 28.08.2022