Angular-schema-form (ASF) is a form builder based on JSON and AngularJS. The chemistry angular demo project contains several basic forms that lend themselves to a conversion.

Advantages:

  • uniform form definitions
  • built-in bootstrap styling
  • built-in validation

The ASF download from the cdnjs.com library presented problems ($injector.moldulerr, module fails to load) .  The local download of the latest version prevented it. For the results see latest commits.

The AngularJS filter function in the ng-repeat directive works in tandem with an ng-model that can be set as an attribute in a form element. As it is not possible to add attributes to ASF form elements the form elements used for filtering have not been converted.

For converting the error messages to custom messages see the Kidsill solution as part of it.

Advertisements