Home FORMLY
Guides
UI
Examples
GitHub GitHub
Guides
UI
Examples
Intro Introduction Example
Field Options Expression Properties
Default Value
Hide Fields
modelOptions
Form Options Reset Model
Form State
Validation Options Built-in validations
Custom validation
Custom Validation parameters
Validation message
Async validation of unique value
Async validation and `updateOn`
Matching Two Fields
Force showing error state
Toggle required field
Disable submit button
Bootstrap Formly Table Rows
Select
Bootstrap Specific Advanced Layout
Bootstrap Horizontal
Input add-ons
Advanced i18n ngx-translate
i18n ngx-translate (alternative approach)
Json schema
Repeating Section
Repeating Section With Length Input
Multi-Step Form
Tabs Form
ag-grid Integration
ngx-datatable Integration
Other Cascaded Select (using observable)
Cascaded Select JSON powered
Bind Observable to Select
Advanced Layout (Flex)
Nested Forms (fieldGroup wrapper)
Material Field Prefix/Suffix
Hide Fields with `@angular/animations`
Button Type
JSON powered
File input
i18n ngx-translate
This is an example of using ngx-formly with ngx-translate to internationalize your forms.
This example demonstrates dynamic i18n using expressionProperties. If you don't need a dynamic solution (language doesn't change after the app has started up, simply omit the expressionProperties in the example.

Form Data

[object Object]
Object{lang:en}
lang:"en"