No provision to set Html Props like id on form controls.
ramancloudsmartz opened this issue · comments
I'm submitting a
Feature Request / Proposal
I'm using
NG Dynamic Forms Version: `13.0.0`
NG Bootstrap
Description
I have two forms in angular application and they have some common named fields like state, county, city, zip code. So when I am going to use both forms inside an parent component I am getting HTML id conflict warning.
<div>
<user-address-form>
<user-billing-form>
</div>
As I have gone through the library codebase there no such options other than id. There should be some provision to add custom HTML property using additional params like htmlOptions*
new DynamicInputModel({
id: 'name',
label: 'Account Name',
maxLength: 42,
placeholder: 'Account Name',
validators: {
required: null
},
errorMessages: {
required: '{{ label }} is required'
}
})
Exptected htmlOptions Property
new DynamicInputModel({
id: 'name',
htmlOptions: {
id:""
},
label: 'Account Name',
maxLength: 42,
placeholder: 'Account Name',
validators: {
required: null
},
errorMessages: {
required: '{{ label }} is required'
}
})