dynamicform's People
Forkers
gavinwang-au omeroland faizal-manan suraj740 hudasharings nazmulhasan85 tmhpfnr ramkrishnakuldeep maantudas91 abrahamrkj eshaweb twangjie prakashkumar-27 purnimakalivarapu arunkumar6545 federhico quarkstech vvk-kumar celsoagra vishnuvimala ahamedminhaj ducminhquan devrahul mikemnd rachitkpr leduyminh48 brijesh989 anupamk09 ivanavukeljic averdesca kpchaitanya al-ramirez marcos-r-r marko-d swamim shaikasifuddin frivas0708 nareshkumarhimachalapathi douglas-marques shohrukh92 tadkaliszewski nhurock mascot27 chicojfp tuongntk amjads jaime-pineiro-imatia thiagotandrade leandrosoaresls sarancruzer wolfag alina-gritsay-axon dipstech1 misterserg jimmymaci christseng89 duncan73 rajatissar robinkamps manibsccs89 kuonglv territorial pravali-reddy born2net yogeshl kaczenski brunoribeiro wilfoz alshoja pitpietro nitinhirve charl26 jhonatanmedeiros mehmoodulhaq dev-mehmood dembadiax vignesh050694 mrkamlesh florindo44 maripper avneesh-star koolkamalkishordynamicform's Issues
How to detect the click event of check box , radio and button.
I am not able to get the click event or change event of checkbox, radio, and button if the type is not submit.
There is no time picker
there is no time picker along with datepicker
How to bind values to dynamically create fields in form
This is working awesome for any kind of dynamic form but have small issue how to bind values to fields which we are getting from database by api call
How we can dynamically add or remove control ?
I am not able to add and remove control or bind the attribute dynamically, everything works fine with the static.
For example, I want to add or remove or I want to bind attr like [invert],[max],[min],[step],[vertical]
<mat-slider
[invert]="invert"
[max]="max"
[min]="min"
[step]="step"
[vertical]="vertical">
</mat-slider>
I am looking for something like ngIf* --> to show and hide component based on conditions
dynamic data binding fails for dynamic forms
Everything working while using static data on load but it fails while trying to load the form on run time.
placed one button on page on click i want the forms to load dynamically,
<button name="loadForm" (click)="loadForm()">loadForm</button>
loadForm(){
this.regConfig = [
{
type: "input",
label: "Username",
inputType: "text",
name: "name",
validations: [
{
name: "required",
validator: Validators.required,
message: "Name Required"
},
{
name: "pattern",
validator: Validators.pattern("^[a-zA-Z]+$"),
message: "Accept only text"
}
]
},
{
type: "input",
label: "Email Address",
inputType: "email",
name: "email",
validations: [
{
name: "required",
validator: Validators.required,
message: "Email Required"
},
{
name: "pattern",
validator: Validators.pattern(
"^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$"
),
message: "Invalid email"
}
]
},
{
type: "input",
label: "Password",
inputType: "password",
name: "password",
validations: [
{
name: "required",
validator: Validators.required,
message: "Password Required"
}
]
},
{
type: "radiobutton",
label: "Gender",
name: "gender",
options: ["Male", "Female"],
value: "Male"
},
{
type: "date",
label: "DOB",
name: "dob",
validations: [
{
name: "required",
validator: Validators.required,
message: "Date of Birth Required"
}
]
},
{
type: "select",
label: "Country",
name: "country",
value: "UK",
options: ["India", "UAE", "UK", "US"]
},
{
type: "checkbox",
label: "Accept Terms",
name: "term",
value: true
},
{
type: "button",
label: "Save"
}
];
}
ERROR
Error: Cannot find control with name: 'name'
Edit Code:
https://stackblitz.com/edit/github-gaztsv?file=src%2Fapp%2Fapp.component.ts
Angular 12
Could it adapt to work with Angular 12?
dynamic form
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.