I have the following ngOnInit method: ngOnInit() { this.countries = this.sharedService.getCountries(); this.shopService.getCurrentShopFromCache().then(shop => { this.shop = shop; this.myFor...

I am trying to use FormBuilder in a page I have in Ionic 2. First, here is my environment details: Running on Windows 10, and running ionic --version gives me 2.0.0-beta.35 Here is part of my pa...

Angular introduced Model-driven forms with its FormBuilder class, whose primary method group has a signature like this: group(controlsConfig: { [key: string]: any; }): FormGroup; The any is ac...

So I have this form, and it works fine.. but now I would like to extend the json structure some... https://plnkr.co/edit/aYaYTBRHekHzyS0M7HDM?p=preview The new structure I want to use looks like ...

I'm trying to implement an async validator with no success... My component creates a form with : this.personForm = this._frmBldr.group({ lastname: [ '', Validators.compose([Validators.required, ...

I need to check in the component (not in the template) if a control generated by formBuilder is valid. I tried: if(this.miSpecialForm.controls.miName.dirty){ console.log('Hi mom!'); } but I get...

I'm trying to implement an edit form for a model with nested attributes (FormArray). I'm having trouble with the syntax and I'm uncertain whether I'm on the right track. The attributes for the main...

I got this validator: export const PasswordsEqualValidator = (): ValidatorFn => { return (group: FormGroup): Observable<{[key: string]: boolean}> => { const passwordCtrl: FormContr...

I tried to Iterate formArray several times, This is plunker link for this case https://plnkr.co/edit/4kiJF7cL5VKwn3KnvjvK?p=preview i want out put like this plunk https://plnkr.co/edit/zg6nbFULl...

I have this code: this.form = fb.group({ username: ['', Validators.compose([Validators.required])], fullName: ['', Validators.compose([Validators.required])], password: ['', Validators.compose(...

I'm using the reactive forms module in Angular 2 to create a form with several nested groups. My 'trust' form has an array of contacts at <FormArray>this.newTrustForm.controls['contact'] ...

My model (this.profile) in javascript has a property called emails, which is an array of {email, isDefault, status} Then I defined it as below this.profileForm = this.formBuilder.group({ .... o...

I'm working on a model driven form and I can't get it to add items to a list being displayed with ngFor. I'm currently getting an error when trying to iterate my list. Error: Error: Cannot find c...

I have a list of business units that are rendered as checkboxes on a registration form along with a textbox field and am doing validation. <label for="inputFirstName" class="sr-only">First ...

I am trying to update the value name of a form with a value I get from a service, once the location field is filled. I try to this by watching the valueChanges of the form object. It works, but it ...

I am trying to set the initial value for an angular 2 reactive form formArray object. Even though the json object used to set the form value contains an array value with multiple entries, only the...

I'm trying to use the disabled inside my model-driven form. I have the following form: this.form = this.formBuilder.group({ val1: ['', Validators.required], val2: [{value:'', disabled:this.form....

I'm new to angular 2. I have a table, which on click of 'add consignment' option, it adds a new row with serial number and multiple input slots. Now on adding more consignments (which adds more row...

I'm trying to create a form builder to generate from it a specific JSON format body to put it on server, the problem that i'm having is how to represent an array of task like indicated in my code ,...

I'm new in Angular 2 framework. I appreciate any help. I have usual component in angular 2: import {FORM_DIRECTIVES, FormBuilder, Validators} from 'angular2/common'; export class TestComponent {...