dschnelldavis / ng-jsf-bootstrap3-seed

Angular JSON Schema Form Bootstrap 3 Seed App

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular JSON Schema Form Bootstrap 3 Seed App

This example app shows how to generate a Bootstrap 3 form from a JSON Schema using Angular JSON Schema Form.

The app was generated with Angular CLI version 1.5.0.

To create this app yourself, make sure you have Node, NPM, and Angular CLI installed, then enter the following commands in your terminal:

ng new ng-jsf-bootstrap3-seed
cd ng-jsf-bootstrap3-seed
npm install angular2-json-schema-form

Then edit the following files:

  • src/index.html — load external Bootstrap JavaScript and CSS
  • src/app/app.module.ts — load Angular JSON Schema Form module
  • src/app/app.component.ts — set schema and data variables to configure form
  • src/app/app.component.html — display form with <json-schema-form> tag

Development server

Run ng serve, then navigate to http://localhost:4200/ to see the form.

Build

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

Further help

To get more help on Angular JSON Schema Form, see the Angular JSON Schema Form README.

To get more help on Bootstrap 3, see the Bootstrap 3 documentation.

To get more help on the Angular CLI enter ng help in your terminal, or see the Angular CLI README.

About

Angular JSON Schema Form Bootstrap 3 Seed App

License:MIT License


Languages

Language:TypeScript 68.9%Language:HTML 17.4%Language:JavaScript 13.0%Language:CSS 0.6%