angular-forms

问题 I have Mat table with multiple rows, with add button ,on click of it, adds a new row . i want to add validations for all the rows ,right now my code below is taking a validation only for any one row. my component.html <form [formGroup]="auditUserValidation"> <mat-table [dataSource]="dataSource"> <ng-container matColumnDef="Audit"> <mat-header-cell *matHeaderCellDef> Name </mat-header-cell> <mat-cell *matCellDef="let element"> <mat-select formControlName="name" placeholder="Pls select"> <mat

问题 So, I was attempting to use the following example: https://github.com/agiratech/angular4-reactive-form-exercise2/ However, when I implement it, and submit my form, no errors show anywhere on the screen. Below you will find all associated code that I can think of that relates. I'm looking for how to get the errors to show on the screen. I'm fairly new to Angular 4, so any help would be appreciated. pages.module.ts import ... import { FormsModule, ReactiveFormsModule } from '@angular/forms';

问题 How can i iterate these arrays inside of arrays in select option in angular 4? I have this codes below. The problem that it produces several select option instead of a single select option. I want to iterate the acct_type_name only. How can i solve this? Thankssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss TS <ng-container *ngFor="let account of accounts"> <select type="text" class="form-control">

问题 How can i iterate these arrays inside of arrays in select option in angular 4? I have this codes below. The problem that it produces several select option instead of a single select option. I want to iterate the acct_type_name only. How can i solve this? Thankssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss TS <ng-container *ngFor="let account of accounts"> <select type="text" class="form-control">

问题 How can i iterate these arrays inside of arrays in select option in angular 4? I have this codes below. The problem that it produces several select option instead of a single select option. I want to iterate the acct_type_name only. How can i solve this? Thankssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss TS <ng-container *ngFor="let account of accounts"> <select type="text" class="form-control">

问题 I'm sorry if it's a duplicate of someone question. I didn't find a solution for my problem. Can anybody explain or give an example how to compare two fields in one form but in different form groups? Here is code snippet to see how my form and validator are look like: private createForm() { const testGroups = { groupOne: this.fb.group({ fieldOne: this.fb.control(null) }), groupsTwo: this.fb.group({ fieldTwo: this.fb.control(null, [this.matchValidator]) }) }; this.testForm = this.fb.group

问题 I have a formArray which consist of multiple form groups. I need to sort the array dynamically based on a boolean field present in each of the form group in the array. The boolean field is a checkbox and at any given point of time only one checkbox can be checked (mimics radio button). So when a checkbox is clicked I need to sort the formArray based on the one that is selected. I know the documentation suggests not to mess with the AbstractControls[] present in the formArray, so what would be

问题 I'm looking to initialize certain form fields on a form and then call a function that has a if(this.form.valid) condition on it. on the ngOnInit function I have an API call that gets some basic info and fills it on the form: ngOnInit(){ this.apiService.getInfo(this.user.id).subscribe( userInfo => { this.formModel.fieldA = userInfo.A; this.formModel.fieldB = userInfo.B; this.formModel.fieldC = userInfo.C; this.doStuff(); } ); } However when calling this.doStuff() the form is invalid, even

问题 Having a component that implements ControlValueAccessor , with internal FormGroup to maintain the state of custom form control. When any field, that's part of that FormGroup is disabled, the field isn't visible when calling .getRawValue() method in parent form . By specification, .getRawValue() should return the raw object, including disabled fields. I've checked the code of .getRawValue() and here's what I found: getRawValue(): any { return this._reduceChildren( {}, (acc: {[k: string]:

问题 I have a dynamic form in Angular 7 and the fields, control-type, visibility, validations, everything comes from the database. I know that for dynamic forms if the validations coming from the database are built in Angular validations, it is much easier to do, but what I would like to do is build a custom validation for the array of validations coming for each control-type and using eval, evaluate it to true/false and based on that show the corresponding error messages. This link wont work in