An open API service indexing awesome lists of open source software.

https://github.com/wojtek1150/json-forms-zorro-wrapper

Ng Zorro wrapper for json forms lib
https://github.com/wojtek1150/json-forms-zorro-wrapper

Last synced: 1 day ago
JSON representation

Ng Zorro wrapper for json forms lib

Awesome Lists containing this project

README

          

# JsonForms based on ng-zorro

### Demo

[https://wojtek1150.github.io/json-forms-zorro-wrapper/](https://wojtek1150.github.io/json-forms-zorro-wrapper/)

## Documentation

See documentation at [Plugion homepage](https://wojtek1150.github.io/json-forms-zorro-wrapper/docs)
For JsonSchema documentation check [jsonforms core package](https://jsonforms.io)
For UI docs, see the documentation on [ngzorro website](https://ng.ant.design/docs/introduce/en).

## Requirements

This plugin requires the following dependencies:

```
"angular": "^17",
"ng-zorro-antd": "^17",
"ngx-quill": "^25"
```

They should be installed automatically as they are peer dependencies. However, if for some reason you are using `legacy-peer-deps = true` you need to add them to the package.json manually

## Installation

```
npm install @wojtek1150/jsonforms-zorro-wrapper
```

## Usage

Simply import JsonFormsZorroModule into your project

```typescript
import { JsonFormsZorroModule } from '@wojtek1150/jsonforms-zorro-wrapper';

@NgModule({
imports: [JsonFormsZorroModule],
})
```

If you are using DateField, remember to add your locale for ng-zorro as module providers, for example:

```
import { en_US, NZ_I18N } from 'ng-zorro-antd/i18n';

@NgModule({
providers: [{ provide: NZ_I18N, useValue: en_US }],
imports: [JsonFormsZorroModule],
})
```