Utility Library For Breaking Angular Form Into Multiple Components

ngx subform utility library to improve the robustness of angular forms. Whether you have simple and small forms or huge and complex forms, the ngx subform will help you build a solid foundation for it.

  • 🗜️ Tiny bundle: It’s about 30KB since we support both the old API and the new interface but soon it will be 15KB!
  • ✅ Simple API: No angular module to setup, no manual ControlValueAccessor, no inheritance, no modularity. Just one job to create all your forms!
  • 🤖Adds a type of security to your forms
  • ✂️ Lets you split huge shapes into smaller shapes for simplicity and reuse

Schema-based Form Generator Component On Vue.js

How to make use of it:

Installation

npm i ngx-sub-form

In this scenario, the smart component might look like this:

@Component({
  selector: 'person-container',
  template: `
    <person-form [person]="person$ | async" (personUpdate)="personUpdate($event)"></person-form>
  `,
})
export class PersonContainer {
  public person$: Observable<Person> = this.personService.person$;

  constructor(private personService: PersonService) {}

  public personUpdate(person: Person): void {
    this.personService.update(person);
  }
}

Break Down A Form Into Multiple Components, ngx subform Plugin/Github


See Demo And Download

Official Website(cloudnc): Click Here

This superior jQuery/javascript plugin is developed by cloudnc. For extra Advanced Usages, please go to the official website.

Related Posts

Audio-Visualizations-Wave

How to Create Audio Visualizations with JavaScript | Wave.js

Audio Visualizer Library – wave.js is a vanilla javascript audio visualization library that provides 20+ creative audio visualization effects to bring more engagement to your visitor. Contribute…

fireworks-js

A Simple Fireworks Animation With JavaScript | fireworks-js

fireworks-js is a JavaScript library that adds configurable fireworks animations with sound effects to your webpage. Features 🔥 Zero dependencies ⚙️ Flexible configuration 📦 Lightweight (~3.0kB gzipped)…

Side-Navigation-Menu-With-Dropdowns-jSide

[Off-Canvas] Simple and Clean Side Navigation Menu With Dropdowns | jSide Menu

JSide menu is a well-designed, simple, and clean side-scrolling menu with dropdown menus. This plugin creates a sticky hamburger button at the top of the page that…

Searchable-Select-Dropdown

A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…

country-dropdown-with-flags

A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…

Autocomplete-and-Typeahead-Javascript-Library

Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…