Описание тега angular-forms

Вопросы, связанные с шаблоном Angular или реактивными формами.
1 ответ

Как отобразить сообщение об ошибке проверки для пользовательской проверки в angular4 реактивных формах

В компоненте я создал форму, используя конструктор форм: Для контактного номера я добавил валидацию mobRegex и хочу показать сообщение, когда шаблон не совпадает. Фрагмент фрагмента: createForm(): void { this.contactUsForm = this.fb.group({ 'name': …
11 ответов

Angular 2: отправка формы отменена, так как форма не подключена

У меня есть модал, который содержит форму, когда модал разрушается, я получаю следующую ошибку в консоли: Отправка формы отменена, так как форма не связана Модал добавлен в <modal-placeholder> элемент, который является прямым потомком <app-…
01 мар '17 в 12:00
2 ответа

Ошибка при использовании setControl или patchValue в массиве угловых форм

Пожалуйста, помогите, у меня есть вложенный массив форм, как показано ниже: this.form = this.formBuilder.group({ projectTitle: ['', [Validators.required, Validators.maxLength(300)]], projectDescription: ['', [Validators.required, Validators.maxLengt…
2 ответа

Angular - построение формы на основе пользовательского ввода

Я создаю веб-форму, которая должна быть динамичной.Когда пользователь выбирает опцию из списка, следующие входные данные создаются на основе его ввода.Например: <mat-form-field> <mat-select placeholder="Type" [(ngModel)]="row.Type" (change)…
13 июн '18 в 08:26
2 ответа

Угловая форма не определена

Я пытаюсь поставить проверку формы, но получаю, что элемент формы не определен. Если я удаляю элемент app-root из index.html, он начинает работать в соответствии с ожиданиями. <!doctype html> <html lang="en" ng-app> <head> <meta…
24 июн '18 в 17:58
2 ответа

Угловое 5 условно проверяет поле на основе значения другого поля

Как условно проверить поле на основе значения другого поля? Вот что я пробовал, но, похоже, не работает this.PDform = _formbuilder.group({ [...] 'intlNumber': ['',this.nationality == 'Abroad' ? Validators.compose([Validators.pattern(this.phoneNumber…
1 ответ

Как заставить асинхронные данные работать с динамическим шаблоном формы в угловых

Я использую динамический шаблон формы в Angular с различными формами, которые у нас есть. Это удобный способ для нас, так как нам нужно только определить наши элементы управления в ngOnInit и он будет динамически строить ту форму, которая нам нужна.…
24 июл '17 в 14:16
0 ответов

Angular 6 шаблонно-управляемая форма и libphonenumber

В настоящее время я работаю над формой, управляемой шаблоном Angular 6, и мне нужно реализовать проверку формата для поля телефона с кодом страны и флагами, как этот проект: http://hodgepodgers.github.io/ng-intl-tel-input/ Я знаю, что libphonenumber…
26 июл '18 в 08:55
1 ответ

Угловая 6 реактивная форма. Как построить форму для нескольких языков

Я работаю над CMS с Angular 6, у меня есть форма для создания страницы на двух или более языках в зависимости от поддерживаемых локалей из настроек. Во-первых, я получаю поддерживаемые локали от api и скажем, что ответ имеет 2 локали (en - fr). Поэт…
0 ответов

Как автоматически суммировать три значения формы, и результат будет автоматически заполнен в другой форме ввода в Angular

У меня есть требование как четыре ввода формы, которые принимают только числа в качестве ввода, три ввода формы должны быть суммированы и добавить эту сумму к входу четвертой формы. Как сказано в коде, если заполнены верхняя емкость, меньшая емкость…
31 мар '18 в 14:23
0 ответов

Ошибка кода Angular 4 -> 6 "Нет директивы с"exportAs", установленным в"ngModel""

Итак, я купил Mosh's Angular 4, не зная, что это Angular 4, а последний - Angular 6. Да, я слышал, что разница между 4 и 6 невелика с точки зрения кодирования, но выслушайте меня. В одной из лекций о шаблонно-управляемых формах он использует этот ко…
04 окт '18 в 20:45
1 ответ

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

Вот мой шаблон: <div *ngIf="isFieldValid('senderCity')" class="error">{{senderCityError}}</div> <div *ngIf="isFieldMaxValid('senderCity')" class="error">Max 5 characters allowed.</div> <label *ngIf="canShowLabel('senderCit…
29 май '18 в 14:21
1 ответ

Использование Angular 5 Form Group и Array для обновления данных

Я использую Angular FormGroup и FormArray, чтобы позволить пользователю добавить новый экземпляр FormGroup и редактировать текущие формы. У меня возникли проблемы с выяснением, как обновить данные. Смотрите здесь.. https://stackblitz.com/edit/form-a…
1 ответ

Угловой ввод для сложного объекта

У меня есть объект с 3 строковыми членами, и я хочу сделать для него вход многократного использования, потому что он используется много раз во всем приложении, поэтому я пытаюсь создать пользовательский ввод, который содержит все входы трех членов. …
31 июл '18 в 09:06
2 ответа

Удалить загрузчик в когда нажмите Отмена в угловом 4

У меня есть этот пакет npm под названием ngx-loading. Я должен установить this.loading = true и this.loading = false, чтобы он показывался, а не показывался. Проблема возникает, когда я использую предупреждение в JavaScript. В предупреждении отображ…
1 ответ

Angular 2 Проверьте, существует ли электронная почта

Я изо всех сил пытаюсь сделать метод, который проверяет, существует ли адрес электронной почты в моей БД. Если это произойдет, я должен получить 1 в качестве ответа и 0, если это не так. Вот моя форма HTML: <form novalidate (ngSubmit)="addUser(ut…
0 ответов

Как показать ошибки внутри формы при отправке в угловых 5?

У меня есть следующая форма, сценарий TS и сообщение об ошибке для проверки: <form [formGroup]="tripForm" (ngSubmit)="addTrip(tripForm)" novalidate> <div class="form-group"> <label class="control-label">Trip Name</label> <…
20 окт '18 в 09:03
0 ответов

Angular 2 не обновляет значение FromGroup автоматически

Я использую недавно выпущенный 2.0.0 Angular, в основном у меня есть компонент, который инициализирует значения его шаблона формы, который состоит из текстового поля ввода и formArray FormGroup с двумя текстовыми полями ввода. Когда инициализация за…
17 сен '16 в 23:33
1 ответ

Пользовательские сообщения валидатора угловой формы, вызывающие ошибку

У меня есть собственный валидатор для внесения в черный список слов из контроллеров форм: import { AbstractControl } from '@angular/forms'; const blacklist = ['poop']; export function Blacklist(control: AbstractControl) { let comment = control.value…
29 авг '17 в 20:03
1 ответ

Подключить метку к компоненту флажка

Я создал пользовательский флажок компонента, который выглядит следующим образом: checkbox.component.ts import {Component, Input, OnInit, forwardRef} from "@angular/core" import {ControlValueAccessor, NG_VALUE_ACCESSOR} from "@angular/forms" @Compone…
02 июл '18 в 21:30