formarray

问题 I'm currently battling with Angular form array. I have a form in which I add the fields dynamically. I have created the form object: this.otherDataForm = this.fb.group({ }); I add the dynamic fields like this: addField(field: CustomFormField): void { this.otherDataForm.addControl(id_campo, new FormControl('', Validators.required)); } I loop through those fields: <form *ngIf="selectedProfile" [formGroup]="otherDataForm"> <div class="mb-3" *ngFor="let field of fields; let i = index"> <label>{

问题 I'm currently battling with Angular form array. I have a form in which I add the fields dynamically. I have created the form object: this.otherDataForm = this.fb.group({ }); I add the dynamic fields like this: addField(field: CustomFormField): void { this.otherDataForm.addControl(id_campo, new FormControl('', Validators.required)); } I loop through those fields: <form *ngIf="selectedProfile" [formGroup]="otherDataForm"> <div class="mb-3" *ngFor="let field of fields; let i = index"> <label>{

问题 I'm currently battling with Angular form array. I have a form in which I add the fields dynamically. I have created the form object: this.otherDataForm = this.fb.group({ }); I add the dynamic fields like this: addField(field: CustomFormField): void { this.otherDataForm.addControl(id_campo, new FormControl('', Validators.required)); } I loop through those fields: <form *ngIf="selectedProfile" [formGroup]="otherDataForm"> <div class="mb-3" *ngFor="let field of fields; let i = index"> <label>{

问题 I trying to build an Angular Reactive form where an account can add many students. The form seems to work. When you hit Add Student it creates a new student but you check the console it says ERROR Error: Cannot find control with path: 'studentsArray -> 1 -> firstName and so on for each control in the array. app.component.html <form [formGroup]="accountForm"> <div> <input formControlName="firstName" placeholder="First name"> </div> <div> <input formControlName="lastName" placeholder="Last name

问题 I trying to build an Angular Reactive form where an account can add many students. The form seems to work. When you hit Add Student it creates a new student but you check the console it says ERROR Error: Cannot find control with path: 'studentsArray -> 1 -> firstName and so on for each control in the array. app.component.html <form [formGroup]="accountForm"> <div> <input formControlName="firstName" placeholder="First name"> </div> <div> <input formControlName="lastName" placeholder="Last name

问题 I am using angular formarray to to iterate through the data. Table has 4 columns I want when I select a drop down in 3rd column data respective to that should get populate in 4th column. This is achieved, but when I try to select another drop down in the second row the the data gets wiped out for the first row as well. I need the data to be updated for that specific row only. Below it the formarray <tbody formArrayName="idsDetails" *ngFor="let idsDetail of boothData.get('idsDetails')[

问题 Please assist, I have nested form array, se below : this.form = this.formBuilder.group({ projectTitle: ['', [Validators.required, Validators.maxLength(300)]], projectDescription: ['', [Validators.required, Validators.maxLength(300)]], funding: this.formBuilder.array([this._buildFundingItems()]), }); the this._buildFundingItems() is as follows private _buildFundingItems(): FormGroup { return this.formBuilder.group({ items: ['', [Validators.required, Validators.pattern(this.regexValidation

问题 Based on this question on stack, I need to bind a drop down list, for each row generated from angular material table dataSource . The drop down list should select automatically the correspondent value, as other values. This is table: <form [formGroup]="formGroup"> <table mat-table [dataSource]="dataSource" matSort> <!-- <ng-container matColumnDef="ind_id"> <th mat-header-cell *matHeaderCellDef> Ind. ID </th> <td mat-cell *matCellDef="let element"> {{element.iid}} </td> </ng-container> --> <ng

问题 I am trying to patch the object received from webapi to an angular reactive form. The form also has a formarray. But, despite having more than 3 or more records only 2 records are being patched to the formarray of the reactive form. I have two entities noseries and noseriesList, where a noseries has zero or many noseriesLists. So after obtaining noseries from webapi, i want to patch properties and navigation list "noseriesLists" of noseries into reactive form. Rest of the properties are being

问题 what is the proper way to setup this code. I want to user select checkbox and value of that checkbox to be pushed into FormArray now I get [true,false,false] output data = ['Marka', 'Kilometraza', 'Alu felne']; addCheckboxes() { this.data.map((o, i) => { const control = new FormControl(i === 0); this.checkboxes.controls.push(control); }); } HTML <div formArrayName="checkboxes" *ngFor="let check of regForm.get('detaljne').get('checkboxes').controls;index as i"> <mat-checkbox [formControlName]=