AngularJS directive which takes JSON representing a form and renders to HTML
Any help would greatly be appreciated
When I try to see if it reverts the model field back to the original, it does, however, the autcomplete field will not update the html screen with the original. Not sure why. Any help would be much appreciated! thanks
Hi all. I work on a project that use angular-formly and I try to add a new form with multiple checkboxes (lives). I want to retrieve the id of the lives that have been checked. I cannot use multi-checkbox because I want to display my list of lives in a table with other informations. How can I do that ? I only get a live_ids: true or live_ids: false in my model. How can I get an array ? Thanks in advance
Hi Below Code is working fine in local server but it is not working in live server
$params = (array) json_decode(file_get_contents('php://output'), TRUE);
what can be the issued
$params = (array) json_decode(file_get_contents('php://output'), TRUE);
what can be the issued
any*
just like
@aitboudad :Sat Sep 21 2019 00:00:00 GMT+0530 (India Standard Time)
Sat Sep 21 2019 00:00:00 GMT+0530 (India Standard Time){
key: 'leavestartdate',
validators: {
fieldMatch: {
expression: (control) => {
const value = control.value;
console.log(value.leaveenddate);
console.log(value.leavestartdate)
return value.leaveenddate === value.leavestartdate
// avoid displaying the message error when values are empty
|| (!value.leaveenddate || !value.leavestartdate);
},
message: 'Date Not Matching',
errorPath: 'leaveenddate',
},
},
fieldGroup: [ // I would also like to match this field...
{
"key": "leavestartdate",
"type": "datepicker",
"className": "col-lg-2 col-md-3 col-sm-3 col-xs-3",
"templateOptions": {
"label": "Start Date",
"datepickerOptions": {
"format": "MM.dd.yyyy",
"initDate": "new Date()"
}
}
},
// ... with this one:
{
"key": "leaveenddate",
"type": "datepicker",
"className": "col-lg-2 col-md-3 col-sm-3 col-xs-3",
"templateOptions": {
"label": "End Date",
"datepickerOptions": {
"format": "MM.dd.yyyy",
"initDate": "new Date()"
}
}
},
]
},
@aitboudad : I have the above issue, as password match i did to match two date date fields but it is not working form me, please suggest me here
Sat Sep 21 2019 00:00:00 GMT+0530 (India Standard Time){
key: 'leavestartdate',
validators: {
fieldMatch: {
expression: (control) => {
const value = control.value;
console.log(value.leaveenddate);
console.log(value.leavestartdate)
return value.leaveenddate === value.leavestartdate
// avoid displaying the message error when values are empty
|| (!value.leaveenddate || !value.leavestartdate);
},
message: 'Date Not Matching',
errorPath: 'leaveenddate',
},
},
fieldGroup: [ // I would also like to match this field...
{
"key": "leavestartdate",
"type": "datepicker",
"className": "col-lg-2 col-md-3 col-sm-3 col-xs-3",
"templateOptions": {
"label": "Start Date",
"datepickerOptions": {
"format": "MM.dd.yyyy",
"initDate": "new Date()"
}
}
},
// ... with this one:
{
"key": "leaveenddate",
"type": "datepicker",
"className": "col-lg-2 col-md-3 col-sm-3 col-xs-3",
"templateOptions": {
"label": "End Date",
"datepickerOptions": {
"format": "MM.dd.yyyy",
"initDate": "new Date()"
}
}
},
]
},
@aitboudad : I have the above issue, as password match i did to match two date date fields but it is not working form me, please suggest me here
Hi, i created this stackblitz: https://stackblitz.com/edit/angular-n3vyut-s5jl4q?file=src%2Fassets%2Fjson-powered%2Fuser-form-extra.json
The "load json extra" file has 2 hideExpressions: hide_expression
But that one fails
How can i resolve this?
can someone guide me how to add tooltip in formly like demo given below
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email
When you hover over input field you will have tooltip
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email
When you hover over input field you will have tooltip
I had to fix the issue
Error: [ng:cpws] Can't copy! Making copies of Window or Scope instances is not supported. http://errors.angularjs.org/1.6.3/ng/cpws in order to use angular-formly with angularjs 1.7.8 (it was a pentest requirement to use the latest version of angularjs) . What I did is to replace the function reverseDeepMerge(dest) . So far it seems to have solved it. function reverseDeepMerge(dest) {
_angularFix2['default'].forEach(arguments, function (src, index) {
if (!index) {
return;
}
_angularFix2['default'].forEach(src, function (val, prop) {
if (!_angularFix2['default'].isDefined(dest[prop])) {
//dest[prop] = _angularFix2['default'].copy(val);
if(typeof val === 'object' && val!==null){
dest[prop] = Object.assign(Object.create(val.__proto__),val);
}else{
dest[prop] = val;
}
} else if (objAndSameType(dest[prop], val)) {
reverseDeepMerge(dest[prop], val);
}
});
});
return dest;
}
Hello! I have created a custom component to support inline editing in ngx-datatable. (https://stackblitz.com/edit/angular-ivy-qk3thq). It is working fine when I am using an online IDE. But when I try implementing the same in local, the editable fields are not rendering and values of the form-fields are displayed. Can anyone help me on this issue?
Does anyone have sample code of how to do component tests with angular formly? I have posted more details of my component test here: ngx-formly/ngx-formly#2714.
Hi everyone, am using angular 11 and formly 5.10.22 , i have issue with hidden expression Cannot read properties of undefined (reading 'length') - Stacktrace: TypeError: Cannot read properties of undefined (reading 'length') . Is it related to the version am using ? Thank you for kind response
hello everyone ,I am using formly version 5.9.3 . Sometime the warning messages are misaligned . Can someone suggest solution for this
I made a variable with
FormlyFieldConfig type, with a fieldGroup field {key: "myfile", type: "file"} however if I log my form model I can't see a myfile key within returned json. What's wrong with my code??
Can we add custom directive to angular formly? Any example please?
Can we add custom directive to angular formly? Any example please?
Can we add custom directive to angular formly? Any example please?
please close this group
Unnecessarily waste of time for all of us
Dear formly community. I really like formly. It has saved a lot of time for me. I have started a new open-source project where end-users can build and save their formly templates interactively. I call it "data-template-form" . https://github.com/cviolbarbosa/data-template-form. I would love to have suggestions of how to improve the library, its usability and request for features. Thank you.
Hi, can we populate the input field with the help of login api, suppose I login and come to formly form and username, email should be filled with the help of API here
Any comments?
Hi All,
Below is my code. Could please someone help me, how min and max values update dynamically to Age field when user change the value from select box is numeric field in angular-formly ?
fields: FormlyFieldConfig[] = [
{
id: 'numbers',
key: 'numeric',
type: 'select',
className: 'p-inputtext-lg',
templateOptions: {
label: 'Number Type',
valueProp: 'value',
labelProp: 'label',
options: [{
value: 'one',
label: 'One'
}, {
value: 'two',
label: 'Two'
}],
required: true,
onChange: '',
},
expressionProperties: {
'templateOptions.onChange': $viewValue => {
},
},
}, {
id: 'age',
name: 'age',
type: 'input',
className: 'p-inputtext-lg',
templateOptions: {
label: 'Age',
required: true,
min: 1,
max: 18
}
}
]
Thanks in advance.