AngularJS directive which takes JSON representing a form and renders to HTML
formlyConfig.setType({
name: 'phone',
extends: 'maskedInput',
defaultOptions: {
templateOptions: {
mask: '999-999?9-9999'
},
I want to change mask: '999-9999-9999' based on other value
is it possible?
I am trying to load 2 different radio button groups in my angular-2 formly form
However, when I test it both of those groups are in sync, if I select a radio button from one group the selection in other group changes as well
I ckecked on developer tools, and I noticed that the 'name' attribute has not been assigned in any of the buttons
what am i missing?
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.
