0.3.4 • Published 5 years ago
dynamic-json-form v0.3.4
DynamicJsonForm
dynamic-json-form@0.1.8 is the initial working version and update previous version if you had installed.
Steps to use
Install
npm i dynamic-json-form --save
Add Mustache
Write path of mustache to scripts array of angular.json
Eg. "scripts": [ "node_modules/mustache/mustache.min.js" ]
Add Angular Theme and ang-json-editor
Add angular-material theme in your global css file. By default in angular project it is styles.css
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "~jsoneditor/dist/jsoneditor.min.css";
Resolve Json Module
Skip this if you use json file using http else Add this 2 properties into compiler options of tsconfig.json.
"compilerOptions" : {
"resolveJsonModule": true, "esModuleInterop": true
}
Import dynamic-json-form Module
Add this statement into your main module(by Default app.module.ts)
import {DynamicJsonFormModule} from 'dynamic-json-form';
Also import in imports array of NgModule.
How to Use in your html file
1. Build Form
<lib-form [modelSchema]="modelSchema"
[uiSchema]="uiSchema"
[errorSchema]="errorSchema">
</lib-form>
2. Build Form Using Json Editor
<lib-editor [modelEditorData]="modelSchema"
[uiEditorData]="uiSchema"
[errorEditorData]="errorSchema">
</lib-editor>
where modelSchema, uiSchema, errorMessageSchema contain json file.
0.3.4
5 years ago
0.3.3
5 years ago
0.3.2
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.9
5 years ago
0.2.8
5 years ago
0.2.7
5 years ago
0.2.6
5 years ago
0.2.5
5 years ago
0.2.4
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.4
5 years ago
0.0.3
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago