0.0.6 • Published 2 years ago
add-dynamic-inputs v0.0.6
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
npm i add-dynamic-inputs
- Add below line in your Module ts file,
import { AddDynamicModule } from 'add-dynamic-inputs';
- Add imported module name inside @NgModule -> imports in same module ts file.
- Include below given line in your angular.json under projects -> app name -> architect -> options
"preserveSymlinks": true
- 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 |