!image

How Code Looks Like?

Through FormGroup Class

!formgroup

Through FormArray Class

!formarray

Through FormControl Class

!formcontrol

Code

#### How Code Looks Like?

``js
import { Component, OnInit } from "@angular/core";
import {
FormBuilder,
Validators,
FormGroup,
FormControl,
FormArray
} from "@angular/forms";
import { User } from "./models/user";
import { Address } from "./models/address";
import { Skill } from "./models/skill";
import { IFormBuilder, IFormGroup, IFormArray } from "@rxweb/types";

@Component({
selector: "my-app",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
})
export class AppComponent {
formGroup: IFormGroup;
formBuilder: IFormBuilder;

constructor(formBuilder: FormBuilder) {
this.formBuilder = formBuilder;
}

ngOnInit() {
this.formGroup = this.formBuilder.group({
firstName: ["", [Validators.required]],
address: this.formBuilder.group

({
countryName: ["", Validators.required]
}),
skills: this.formBuilder.array([
this.formBuilder.group({
name: ["", Validators.required]
})
])
});
}
}
`

#### Through FormGroup Class

`js
let formGroup: IFormGroup = new FormGroup(>{
firstName: new FormControl((>"")),
}) as IFormGroup;
`

#### Through FormArray Class

`js
let formArray: IFormGroup = new FormArray([
new FormGroup(>{
name: new FormControl((>"")),
}) as IFormGroup
])
`

#### Through FormControl Class

`js
let formControl: FormControl = new FormControl(>"");
``

Refer Type Mismatch Errors

* FormGroup
* FormControl
* Nested FormGroup
* Nested FormArray

Contributing

If you are thinking to make rxweb framework better, that's truly great. You can contribute from a single character to core architectural work or significant documentation – all with the goal of making a robust rxweb framework which helps for everyone in their projects. Even if you are don’t feel up to writing code or documentation yet, there are a variety of other ways that you can contribute like reporting issues to testing patches.

Check out the docs on how you can put your precious efforts on the rxweb framework and contribute in the respective area.

Need Help

We highly recommend for help please ask your questions on our gitter/rxweb-project to get quick response from us. Otherthan our gitter channel you can ask your question on href="https://stackoverflow.com/search?q=rxweb">StackOverflow or create a new issue in our Github Repository.

For, issue please refer our issue workflow wiki for better visibility our issue process.

Feature Request

You can request a new feature by submitting an issue to our GitHub Repository. If you would like to implement a new feature, please submit an issue with a proposal for your work first, to be sure that we can use it.

License

MIT