emmanuel14/jsonforms-angular-seed

Angular-based JSON Forms seed app

JSON Forms Angular Seed

JSONForms Angular Seed.

Installation

Run npm ci to install the necessary dependencies.

Development server

Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run npm build to build the project. The build artifacts will be stored in the dist directory. Use the -prod flag for a production build.

Running unit tests

Run npm test to execute the unit tests via Karma.

Running end-to-end tests

Run npm e2e to execute the end-to-end tests via Protractor.

Customizations

For this showcase we hardcoded the schemas (schema.json, uischema.json) and the data (data.ts). You can replace them with your own or handle them completely dynamically.

We implemented three custom controls (custom.autocomplete.ts, lang.control.ts and data.control.ts). If you don't need them just remove them! See also store.ts where these custom renderers are registered.

In app.module.ts we customized the validation and executed a manual resolving step before handing the schemas over to JSON Forms. These steps are optional and can be skipped if needed.