this.tempForm.disable(); Disables the control. This means the control will be exempt from validation checks and excluded from the aggregate value of any parent. Its status is DISABLED. If the control has children, all children will be disabled to maintain the model. LINK UPDATE Plunker link – https://plnkr.co/edit/CFC4uKpvfE4otJ2PWdkc?p=preview
When we create new FormControl/FormGroup/FormArray(AbstractControl) – coerceToValidator is called. function coerceToValidator( validatorOrOpts?: ValidatorFn | ValidatorFn[] | AbstractControlOptions | null): ValidatorFn| null { const validator = (isOptionsObj(validatorOrOpts) ? (validatorOrOpts as AbstractControlOptions).validators : validatorOrOpts) as ValidatorFn | ValidatorFn[] | null; return Array.isArray(validator) ? composeValidators(validator) : validator || null; } export function composeValidators(validators: Array<Validator|Function>): ValidatorFn|null { return validators … Read more
Problem description From the documentation we see two different lines with the group() function group(controlsConfig: { [key: string]: any; }, options?: AbstractControlOptions): FormGroup AND group(controlsConfig: { [key: string]: any; }, options: { [key: string]: any; }): FormGroup The 2nd definition is what is deprecated The difference in this lines is options?: AbstractControlOptions and options: { … Read more
Try adding onlySelf: true along with the emitEvent: false in this way: this.ticketForm.patchValue(ticket, {emitEvent: false, onlySelf: true});
You can use addControl method of FormGroup class as per documentation So you can do as below : this.myForm.addControl(‘newcontrol’,[]);
There are a few issues in your code <div [formGroup]=”form”> outside of a <form> tag <form [formGroup]=”form”> but the name of the property containing the FormGroup is loginForm therefore it should be <form [formGroup]=”loginForm”> [formControlName]=”dob” which passes the value of the property dob which doesn’t exist. What you need is to pass the string dob … Read more
Note: as mentioned by @Clouse24, “Using Reactive Froms with ngModel is deprecated in angular 6 and will be removed in a future version of Angular” (which means that the answer below will no longer be supported in the future). Please read the link to see the reasoning for deprecation and to see what alternatives you … Read more
valueChanges is an Observable so you can pipe pairwise to get the previous and next values in the subscription. // No initial value. Will emit only after second character entered this.form.get(‘fieldName’) .valueChanges .pipe(pairwise()) .subscribe(([prev, next]: [any, any]) => … ); // Fill buffer with initial value, and it will emit immediately on value change this.form.get(‘fieldName’) … Read more
The answer is right on the error message, you need to indicate that it’s standalone and therefore it doesn’t conflict with the form controls: [ngModelOptions]=”{standalone: true}”
From Angular 8 you can simply use this.form.markAllAsTouched(); To mark a control and it’s descendant controls as touched. AbstractControl doc