Home

Awesome

<img src="https://raw.githubusercontent.com/formly-js/angular-formly/master/other/logo/angular-formly-logo-64px.png" alt="angular-formly logo" title="angular-formly" align="right" width="64" height="64" />

angular-formly

THIS PROJECT NEEDS A MAINTAINER

Status: npm version npm downloads Build Status Code Coverage

Links: Documentation Examples egghead.io lessons Gitter semantic-release PRs Welcome

<a href="https://app.codesponsor.io/link/PKGFLnhDiFvsUA5P4kAXfiPs/formly-js/angular-formly" rel="nofollow"><img src="https://app.codesponsor.io/embed/PKGFLnhDiFvsUA5P4kAXfiPs/formly-js/angular-formly.svg" style="width: 888px; height: 68px;" alt="Sponsor" /></a>

angular-formly is an AngularJS module which has a directive to help customize and render JavaScript/JSON configured forms. The formly-form directive and the formlyConfig service are very powerful and bring unmatched maintainability to your application's forms.

<form name="vm.someForm" ng-submit="vm.handleSubmit()">
  <formly-form model="vm.model" fields="vm.fields" options="vm.options">
    <button type="submit" ng-disabled="vm.someForm.$invalid">Submit</button>
    <button type="button" ng-click="vm.options.resetModel()">Reset</button>
  </formly-form>
</form>

From there, it's just JavaScript. Allowing for DRY, maintainable, reusable forms.

IMPORTANT: This is the formly project for AngularJS (v1.x). If you're looking for an Angular (v2+) alternative, take a look at the ngx-formly project.

Learning

Egghead.io Lessons

I'm an egghead.io author and I have made a handful of lessons available there for free here

NG-NL Talk

JavaScript Powered Forms

Examples

The website is full of tons of examples.

More

Find more resources at learn.angular-formly.com

Documentation

Find all the documentation at docs.angular-formly.com.

Plugins

Find all the plugins at docs.angular-formly.com/page/plugins

Getting Help

Please don't file an issue unless you feel like you've found a bug or have a feature request. Instead, go to help.angular-formly.com and follow the instructions.

Roadmap

See the issues labeled enhancement

Contributing

Please see the CONTRIBUTING Guidelines.

Note: This projects adheres to a Code of Conduct.

Financial Support

Some have expressed a desire to contribute financially as a way of expressing gratitude. I appreciate anything you (or your company) would be willing to contribute :-) You can support me here. Thanks!

Bookmark Links

You can bookmark these :-)

Thanks

A special thanks to Nimbly for creating angular-formly. This library is maintained (with love) by me, Kent C. Dodds. Thanks to all contributors!