Plugins
Adding to this page
If you're aware of more plugins or would like to suggest other ideas for plugins, please file an issue on the angular-formly-website repo.
Integrating existing angular modules is fairly straightforward, however, sometimes it's handy to have a plugin to add specific support to angular-formly. Here are a few handy plugins you might consider including in your project:
| Name | Type | Description |
|---|---|---|
| angular-formly-templates-bootstrap | Template Library | Types for Bootstrap |
| angular-formly-templates-lumx | Template Library | Types for LumX |
| angular-formly-templates-ionic | Template Library | Types for Ionic Framework |
| angular-formly-templates-material | Template Library | Types for angular-material |
| angular-formly-simple | Simplification Abstraction | This is an abstraction over the angular-formly API that intends to make it simpler to create and configure types and forms. |
| angular-formly-siren-action | Field Transformer | This adds integration with siren |
| angular-formly-dynamic-interpolate-symbols | Field Transformer | Fixes templates when the application is not using the standard {{ and }} for the $interpolation start and end. |
Plugin Ideas
There are several features not available in angular-formly because it's out of scope for the library. However, implementing some of these as plugins is totally possible. I would really love it if people would create plugins for the following ideas. Reach out to me on twitter or gitter if you're interested in creating any of these.
For some of these, the code has already been written as an example and for others there's even an existing repository for it, it just needs to be implemented, tested, and published.
If you're interested, I invite you to watch my (free) series on egghead.io that goes over How to Write an Open Source JavaScript Library. This should hopefully give you some direction when wanting to open source some of this stuff.
| Name | Repo | Example | Description |
|---|---|---|---|
| angular-formly-remove-hidden | None yet | http://angular-formly.com/#/example/very-advanced/remove-property-on-hide | There's a fairly common use case that people have where they want to remove a property if its field has been hidden. |
| angular-formly-ng-messages | None yet | http://angular-formly.com/#/example/intro/codementor | Something to integrate angular-formly with messages that appear below the input would be really handy. Would be cool to have optional themes as well (colors, etc) |
| angular-formly-ui-bootstrap | None yet | Various on the website | It would be cool to package the ui-bootstrap examples on the website into a single plugin module that provides them all as types |
| angular-formly-templates-material | https://github.com/formly-js/angular-formly-templates-material | http://angular-formly.com/#/example/integrations/angular-material | Templates for angular-material |
| angular-formly-templates-foundation | https://github.com/formly-js/angular-formly-templates-foundation | Templates for Foundation | |
| angular-formly-json-schema | https://github.com/formly-js/angular-formly-json-schema | Field Transform to interface with JSON Schema | |
| angular-formly-repeating-section | None yet | http://angular-formly.com/#/example/advanced/repeating-section | I see this time and time again, but I don't think that it makes sense it implement in the core (though I can be convinced otherwise if you can show me an implementation). The example works pretty well. Just needs to be packaged up. |
A few notes/tips:
- If you'd like, I'd be happy to create a repo for the library in the
formly-jsorg and add you as a collaborator. Just let me know. - Because these are plugins, they should reference
angularandangular-formlyand similar dependencies aspeerDependencieswith as loose requirements as possible - Try to avoid bringing in unneeded dependencies (like lodash or jQuery).
- Please add
angular-formlyas akeywordin yourpackage.jsonso people can find it onnpm.