Add Dynamic Inputs

This library was generated with Angular CLI version 12.2.0. It's used to add dynamic input fields in your application.

Installation & Usage

1. npm i add-dynamic-inputs
2. Add below line in your Module ts file,

import { AddDynamicModule } from 'add-dynamic-inputs';

3. Add imported module name inside @NgModule -> imports in same module ts file.
4. Include below given line in your angular.json under projects -> app name -> architect -> options

"preserveSymlinks": true

5. Add your code using <add-dynamic-inputs/> in your component like following example code.

Example

<add-dynamic-inputs field1="Name" field2="Email" addButtonType="+" removeButtonType="-" 
(newItemEvent)="acceptData($event)"> 
</add-dynamic-inputs>

props for the <add-dynamic-inputs/>:

| Keys | Description | |:------------------------------|:----------------------------------------------------------------| | field1, field2, ... field10 | add label name upto 10 fields | | addButtonType | displays add button name for adding fields | | removeButtonType | displays remove button name for removing fields | | newItemEvent | output for added input fields given in array using this event |