Запитання з тегом «angular-reactive-forms»

У тс is_edit = trueвідключити ... <input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2"> Я просто хочу відключити вхід на основі trueабо false. Я спробував наступне: [disabled]="is_edit=='false' ? true : null" [disabled]="is_edit=='true'" [disabled]="is_edit"

123 angular  angular-reactive-forms  disabled-input 

GroupGroup : FormGroup агрегує значення кожної дитини FormControl в один об'єкт, з кожним ім'ям управління в якості ключа. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew') }); FormArray : FormArray агрегує значення кожної дитини FormControl в масив. const arr = new FormArray([ new FormControl('Nancy', Validators.minLength(2)), new …

91 angular  angular2-forms  angular-reactive-forms 

У мене реактивна форма в Angular, як показано нижче: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …

89 angular  angular-reactive-forms  reactive 

У мене проблеми з з’ясуванням, як позначити всі поля форми як торкнуті. Основна проблема полягає в тому, що якщо я не торкаюся полів і намагаюся подати форму - помилка перевірки не відображається. У моєму контролері є заповнювач для цієї частини коду. Моя ідея проста: користувач натискає кнопку "Відправити" всі поля …

88 angular  angular-reactive-forms  angular2-forms  angular2-formbuilder 

У нас є компонент, який має динамічно побудовану форму. Код для додавання елемента керування за допомогою валідаторів може виглядати так: var c = new FormControl('', Validators.required); Але скажімо, що я хочу додати 2-й Валідатор пізніше . Як ми можемо досягти цього? Ми не можемо знайти жодної документації щодо цього в …

84 angular  forms  angular-reactive-forms 

У мене є форма на моїй сторінці, і коли я зателефоную, FormGroup.reset()вона встановлює для класу форми значення, ng-pristine ng-untouchedале FormControl.hasError(...)все одно повертає істину. Що я тут роблю не так? Шаблон <form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"> <mat-form-field> <input matInput formControlName="email" /> <mat-error *ngIf="email.hasError('required')"> Email is a required feild </mat-error> </mat-form-field> <mat-form-field> <input matInput …

79 html  angular  typescript  angular-material  angular-reactive-forms 

Спроба динамічно додати новий запис formControl до моєї формиGroup у Angular. method() { this.testForm.addControl('new', ('', Validators.required)); } Чи можна це зробити?

78 angular  angular-reactive-forms  form-control