https://github.com/heinerwalter/ngx-property-editor

An Angular library containing simple input components and a property editor component which automatically builds a form for editing all properties of any object.
https://github.com/heinerwalter/ngx-property-editor

Last synced: 2 months ago
JSON representation

An Angular library containing simple input components and a property editor component which automatically builds a form for editing all properties of any object.

• Host: GitHub
• URL: https://github.com/heinerwalter/ngx-property-editor
• Owner: heinerwalter
• License: mit
• Created: 2023-10-30T10:02:01.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-05-22T18:32:37.000Z (8 months ago)
• Last Synced: 2024-05-22T18:42:31.632Z (8 months ago)
• Language: TypeScript
• Size: 1.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-angular - ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object. (Table of contents / Third Party Components)
• fucking-awesome-angular - ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object. (Table of contents / Third Party Components)
• fucking-awesome-angular - ngx-property-editor - Angular library containing simple input components and a property editor component, which automatically builds a form for editing all properties of any object. (Table of contents / Third Party Components)

README

        
# ngx-property-editor

[![build](https://github.com/heinerwalter/ngx-property-editor/actions/workflows/build-and-test.yml/badge.svg)](https://github.com/heinerwalter/ngx-property-editor/actions/workflows/build-and-test.yml)

[![npm version](https://img.shields.io/npm/v/ngx-property-editor?logo=npm&logoColor=fff)](https://www.npmjs.com/package/ngx-property-editor)

[![angular version](https://badgen.net/static/Angular/v17/c3002f?icon=angular)](https://v17.angular.io/docs)

This is an Angular library containing simple input components for different data types

(styled with bootstrap). Based on the input components this library provides a property

editor component which automatically builds a form for editing all properties of any

object passed to the property editor component. The property editor input fields can be

configured by passing an additional configuration object to the property editor component.

## Demo

Beside the library project this repository contains a demo application project

which demonstrates all library features.

[Open demo page](https://heinerwalter.github.io/ngx-property-editor/).

## Installation

Add this library to your Angular CLI project by running the following command:

```console

ng add ngx-property-editor

```

It will install `ngx-property-editor` for the default application specified in your

`angular.json`. If you have multiple projects, and you want to target a specific

project, you could specify the `--project` option:

```console

ng add ngx-property-editor --project myProject

```

See more details on the installation process in the

[README.md](projects/ngx-property-editor/README.md)

file inside the ngx-property-editor library subdirectory. There you will find information

on how to install the bootstrap styles on which this library depends.

## Build

For instructions on how to build the library and the demo application see teh

[README_BUILD_AND_PUBLISH.md](README_BUILD_AND_PUBLISH.md) file.