@de-re-crud/angular
Angular wrapper for the De Re CRUD library.
Usage
Install preact, core, and UI libraries:
yarn add preact@next #or npm install --save preact@next
yarn add @de-re-crud/core #or npm install --save @de-re-crud/core
yarn add @de-re-crud/ui #or npm install --save @de-re-crud/ui
Install Angular CDK:
yarn add @angular/cdk #or npm install --save @angular/cdk
Install the library:
yarn add @de-re-crud/angular #or, npm install --save @de-re-crud/angular
Install a theme:
# You will need to include Bootstrap 4 CSS.
yarn add @de-re-crud/theme-bootstrap4 #or npm install --save @de-re-crud/theme-bootstrap4
Import and register the DeReCrudModule
:
import { DeCrudModule } from '@de-re-crud/angular';
@NgModule({
/*...*/
imports: [/*..*/, DeReCrudModule]
})
export class AppModule {}
The use it in a component:
app.component.ts
import { Bootstrap4RendererOptions } from '@de-re-crud/theme-bootstrap4';
import schemaJson from './schema.json'; // Your defined De Re CRUD schema
@Component({ /*...*/ })
export class AppComponent {
rendererOptions = Bootstrap4RendererOptions;
schema = schemaJson;
struct= "struct"
onSubmit() {
// Handle submission
}
}
app.component.html
<drc-form [rendererOptions]="rendererOptions" [schema]="schemaJson" struct="struct" submitForm="onSubmit($event)">