angular2-forms

问题 I have a reactive form that on cancel has to set again the initial form values into the formGroup. import { Map } from "immutable"; @Input() data: any; public ngOnInit() { if (this.data && this.data.controls) { this.group = this.fb.group({ isActive: [this.data.isActive], items: this.fb.array(this.buildFormArray(this.data.controlPerformers)), }); // Deep copy of the formGroup with ImmutableJs this.originalFormData = Map(this.group).toJS(); } } public buildFormArray(controllers:

问题 I have a reactive form that on cancel has to set again the initial form values into the formGroup. import { Map } from "immutable"; @Input() data: any; public ngOnInit() { if (this.data && this.data.controls) { this.group = this.fb.group({ isActive: [this.data.isActive], items: this.fb.array(this.buildFormArray(this.data.controlPerformers)), }); // Deep copy of the formGroup with ImmutableJs this.originalFormData = Map(this.group).toJS(); } } public buildFormArray(controllers:

问题 I have a reactive form that on cancel has to set again the initial form values into the formGroup. import { Map } from "immutable"; @Input() data: any; public ngOnInit() { if (this.data && this.data.controls) { this.group = this.fb.group({ isActive: [this.data.isActive], items: this.fb.array(this.buildFormArray(this.data.controlPerformers)), }); // Deep copy of the formGroup with ImmutableJs this.originalFormData = Map(this.group).toJS(); } } public buildFormArray(controllers:

问题 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

问题 Angular 2,4 formbuilder setvalue() is not working as expected when used on dropdown selects. I have the following dropdown select that gets populated with Github organizations: <select name="org" formControlName="organizations"> <option *ngFor="let org of organizations" [ngValue]="org">{{org.organization.login}}</option> </select> Here is the javascript code that sets the Github organization that should be selected. this.pipelineForm = fb.group({ name:'', organizations:'', repos: '', branches

问题 Angular 2,4 formbuilder setvalue() is not working as expected when used on dropdown selects. I have the following dropdown select that gets populated with Github organizations: <select name="org" formControlName="organizations"> <option *ngFor="let org of organizations" [ngValue]="org">{{org.organization.login}}</option> </select> Here is the javascript code that sets the Github organization that should be selected. this.pipelineForm = fb.group({ name:'', organizations:'', repos: '', branches

问题 Using Angular 2 (2.0.0), what is the recommended way to dynamically mark a field as required, using Angular Forms? In all of their examples, the required attribute is just added like: <input type="text" class="form-control" id="name" required> What if the model I'm binding to has an IsRequired property, that will be true/false? If I use something like: <input [(ngModel)]="field.Value" type="text" value="{{field.Value}}" [attr.required]="field.IsRequired"/> That renders on the page like (note

问题 Using Angular 2 (2.0.0), what is the recommended way to dynamically mark a field as required, using Angular Forms? In all of their examples, the required attribute is just added like: <input type="text" class="form-control" id="name" required> What if the model I'm binding to has an IsRequired property, that will be true/false? If I use something like: <input [(ngModel)]="field.Value" type="text" value="{{field.Value}}" [attr.required]="field.IsRequired"/> That renders on the page like (note

问题 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 simple form that has a set of fields and I want to enable the submit button if at least one field has been entered. I don't wanna use a Model Driven Form as I feel it's a overkill, given the scenario. What is the simplest way to check if at least one field is not empty in Template Driven Forms? 回答1: You can work with ngModel and ngModelChange . In your html: <input type="text" class="form-control" [(ngModel)]="yourvalue" (ngModelChange)="valueChanged()" /> In your component: private