npm install @ajsf/bootstrap4
With YARN, run the following:
yarn add @ajsf/bootstrap4
Bootstrap4FrameworkModule in your main application module if you want to use
bootstrap4 UI, like this:
For basic use, after loading JsonSchemaFormModule as described above, to display a form in your Angular component, simply add the following to your component's template:
schema is a valid JSON schema object, and
onSubmit calls a function to process the submitted JSON form data. If you don't already have your own schemas, you can find a bunch of samples to test with in the
demo/assets/example-schemas folder, as described above.
framework is for the template you want to use, the default value is
no-framwork. The possible values are:
material-designfor Material Design.
bootstrap-3for Bootstrap 3.
bootstrap-4for 'Bootstrap 4.
no-frameworkfor (plain HTML).
ng generate component component-name --project @ajsf/bootstrap4 to generate a new component. You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module --project @ajsf/bootstrap4.
Note: Don't forget to add
--project @ajsf/bootstrap4or else it will be added to the default project in your
ng build @ajsf/bootstrap4 to build the project. The build artifacts will be stored in the
Running unit tests
ng test @ajsf/bootstrap4 to execute the unit tests via Karma.