formly-js/angular-formly

AngularJS directive which takes JSON representing a form and renders to HTML

asdasdas asda sd

@gglordsss_gitlab

Hi everyone,

I am trying to feed the repeated section example a key like this "parent.child" and would like it to reflect in the model as {parent:{children:[]}}. However, currently it doesn't do that. Instead it considers "parent.children" as a string hence in the model it will be {paraent.children:[]}

Made an example: https://jsbin.com/fesequwuya/1/edit?js,output

Rashid

@rashnk

I m new to formly

how to change the template optons conditionalyy?

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?

Erica Gucciardo

@egucciar

could juse use expressionProperties i think

ardahal7

@ardahal7

Hi everyone,

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

Gulsah Sarsilmaz

@gulsahsarsilmaz

Hi everyone, is anybody having trouble resetting the model for custom templates using angularjs-formly with material? Trying to resetModel, all the default fields are resetting properly, however, the custom template autocomplete field doesnt.

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

Nicolas

@nikrou

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

Shakti Singh

@gurjarshakti

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

Bejgum Shirisha

@bejgumshirisha

Can anyone implemented print option for fomrly form. I need to display printable format of form or pdf.Can anyone suggest how to implement it.

Raghavendra

@RaghavendarCheruku

how to clear model for hidden fields .

Raghavendra

@RaghavendarCheruku

Hie is there aby one to help m eout

any*

王力丰

@Jucuzzi

Hi everyone, I want to push two control to one line ,what should I do?

just like

Ghost

@ghost~569e9fb6e610378809bd28dd

Hi all, anybody tried to make extended template for angular material toggle-buttons-group?

Venkata Sudharsan Reddy

@sudharsan203

@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

Ayaz

@AyazSardar

Hi, i created this stackblitz: https://stackblitz.com/edit/angular-n3vyut-s5jl4q?file=src%2Fassets%2Fjson-powered%2Fuser-form-extra.json

Ayaz

@AyazSardar

In the "load json" file there is 1 hideExpression: hide_expression

The "load json extra" file has 2 hideExpressions: hide_expression

But that one fails

How can i resolve this?

Đạt

@devcodedao

takram-alivia

@takram-alivia

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

mojtaba hashemi

@reazmoj_gitlab

hi, I want create a search filter for my formly checkbox list how do this?

Christophe AT Stevens

@Chr15t04_twitter

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;
    }

Darvinschl

@Darvinschl

Hello! Does anyone has an idea to get the Id with JavaScript? domain.com/test/62727

Sergey

@fLipE23

hello everybody. is there a way to patch a value to field in custom type?

Ch V N Uday Bhaskar

@uday2710

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?

Kerim

@SwissKerim

How can I disable in Formly Radio Button fields in the options? disabled: true or false doesn't wor

Jack Li

@Jackfromreallife

Hi, everyone, I am using Angular Formly in my Ionic project, I am building a custom type for image upload, not sure how to update the fields after successful upload to my server, I am able to display the img but the img data is not updated on the model data

George Batalinski

@georgebatalinski

Is there a way to migrate formly (angular1) to formly (angular 2+)?

avifox

@avifox

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.

Sean Nowotny

@seannowotny_gitlab

How can I disable in Formly Radio Button fields in the options? disabled: true or false doesn't wor

If you use custom components you can pass options to disable radio buttons

Sean Nowotny

@seannowotny_gitlab

How can I change errorr messages dynamically?

preetee gangoosirdar

@preeteeg

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

Where communities thrive

People

Repo info

Activity