Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 24 days 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 (7 months ago)
- Last Synced: 2024-05-22T18:42:31.632Z (7 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.