{"_id":"56d91c5607ae190b00004475","version":{"_id":"56d91c5507ae190b00004460","__v":1,"project":"5515ba4981faf83900d2b10c","createdAt":"2016-03-04T05:25:41.052Z","releaseDate":"2016-03-04T05:25:41.052Z","categories":["56d91c5507ae190b00004464","56d91c5507ae190b00004465","56d91c5507ae190b00004466","56d91c5507ae190b00004467","56d91c5507ae190b00004468"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"8.0.0","version":"8.0.0"},"__v":0,"category":{"_id":"56d91c5507ae190b00004464","__v":1,"project":"5515ba4981faf83900d2b10c","pages":["56d91c5607ae190b00004469","56d91c5607ae190b0000446a","56d91c5607ae190b0000446b","56d91c5607ae190b0000446c","56d91c5607ae190b0000446d","56d91c5607ae190b0000446e","56d91c5607ae190b0000446f","56d91c5607ae190b00004470","56d91c5607ae190b00004471","56d91c5607ae190b00004472","56d91c5607ae190b00004473","56d91c5607ae190b00004474","56d91c5607ae190b00004475","56d91c5607ae190b00004476"],"version":"56d91c5507ae190b00004460","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-03-27T20:15:06.295Z","from_sync":false,"order":0,"slug":"guides","title":"Guides"},"project":"5515ba4981faf83900d2b10c","user":"54e3723b8ef7552300409bf4","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-12T02:44:41.829Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":12,"body":"A field group is a way to group fields together, making [advanced layout](http://angular-formly.com/#/example/other/advanced-layout-flex) very simple. It can also be used to group fields that are associated with the same model (useful if it's different than the model for the rest of the fields).\n\nA field group is specified as part of the `fields` array passed to a [formly-form](doc:formly-form). It can have several of the same properties available to a regular [Field Configuration Object](doc:field-configuration-object) (see below). It is distinguished by the presence of a `fieldGroup` array of [Field Configuration Objects](doc:field-configuration-object).\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Available Properties\"\n}\n[/block]\nBelow is the list of properties available in a `fieldGroup` field. They are the same as the property in the [Field Configuration Object](doc:field-configuration-object) unless otherwise noted.\n\n- className\n- hide\n- hideExpression\n- model\n- data\n- key (based on the field's model)\n- elementAttributes\n- options (same as in [formly-form](doc:formly-form))\n- form (attached to the object by angular-formly)\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Inherit's attributes\",\n  \"body\": \"One other important note is that because the `fieldGroup` is essentially another [formly-form](doc:formly-form), it also inherit's (most of) the parent form's attributes (like `root-el`).\"\n}\n[/block]","excerpt":"","slug":"field-groups","type":"basic","title":"Field Group"}
A field group is a way to group fields together, making [advanced layout](http://angular-formly.com/#/example/other/advanced-layout-flex) very simple. It can also be used to group fields that are associated with the same model (useful if it's different than the model for the rest of the fields). A field group is specified as part of the `fields` array passed to a [formly-form](doc:formly-form). It can have several of the same properties available to a regular [Field Configuration Object](doc:field-configuration-object) (see below). It is distinguished by the presence of a `fieldGroup` array of [Field Configuration Objects](doc:field-configuration-object). [block:api-header] { "type": "basic", "title": "Available Properties" } [/block] Below is the list of properties available in a `fieldGroup` field. They are the same as the property in the [Field Configuration Object](doc:field-configuration-object) unless otherwise noted. - className - hide - hideExpression - model - data - key (based on the field's model) - elementAttributes - options (same as in [formly-form](doc:formly-form)) - form (attached to the object by angular-formly) [block:callout] { "type": "info", "title": "Inherit's attributes", "body": "One other important note is that because the `fieldGroup` is essentially another [formly-form](doc:formly-form), it also inherit's (most of) the parent form's attributes (like `root-el`)." } [/block]