nz-json-schema-form v0.0.15

nz-json-schema-form

NG-ZORRO-antd form generation based on JSON-Schema.

Peer Dependencies

• "@angular/common": "^17.0.0",
• "@angular/core": "^17.0.0",
• "ng-zorro-antd": "^17.0.0"

Usage

@Component({
  selector: 'app-form',
  template: '<nz-schema [nzSchema]="schema"></nz-schema>'
})
export class FormComponent implements OnInit {
  schema: NzSchema = {
    $schema: 'https://json-schema.org/draft/2020-12/schema',
    $id: 'https://example.com/product.schema.json',
    title: 'Product',
    description: "A product from Acme's catalog",
    type: 'object',
    properties: {
      productId: {
        description: 'The unique identifier for a product',
        type: 'number',
        title: 'Product Name'
      },
      productName: {
        description: 'Name of the product',
        type: 'string',
        title: 'Product Name'
      },
      tags: {
        description: 'Tags for the product',
        type: 'array',
        items: {
          type: 'string'
        },
        minItems: 1,
        uniqueItems: true,
        title: 'Tags'
      }
    },
    required: ['productId', 'productName']
  };
}