Stack Overflow
Stack Overflow

Questions tagged [ngx-formly]

ngx-formly is an Angular module which automatically generate Angular reactive form from Formly as well as JSON schema.

ngx-formly is an Angular module which automatically generate Angular reactive forms from Formly as well as JSON schema.

Not to be confused with which is for AngularJS.

112 questions
19
votes
2 answers

Function calls are not supported in decorators but 'FileTypeModule' was called

trying to setup ngx-formly-material-file, but I got an error: Function calls are not supported in decorators but 'FileTypeModule' was called I tried to export FileTypeModule, but got the same error export const fileTypeModule =…
Sh eldeeb
  • 1,589
  • 3
  • 18
  • 41
4
votes
2 answers

How to format Angular Material date-picker inside Formly form for service layer (not display format)

I would like to expose my date value as date only ("yyyy-MM-dd") on an Angular Material date picker. Currently, the default date value is an ISO format (includes time). I have a starter Stackblitz project with the the required setup. The…
ctaleck
  • 1,658
  • 11
  • 20
4
votes
1 answer

Unit Testing an ngx-formly Custom Template

I am working with Formly and created a couple Custom Templates. The only code included in the component is a call to a general error handling service, so there is really almost nothing to test other than that the component can be created. I am using…
ChristyPiffat
  • 359
  • 1
  • 6
  • 26
3
votes
1 answer

Dynamic Forms in array Angular 9 with help of ngx-formly

Trying to achieve: Dynamic Forms as per user selected locale JSON using ngx-formly/material. How to map fields with my array of objects "this.fields2"? In my component.ts I have: model: any = {}; options: FormlyFormOptions = {}; fields:…
Vishal Sharma
  • 51
  • 2
  • 10
2
votes
1 answer

How to hide fields of Formly form, due another model's fields

I have 2 Formly forms in my app. I need to hide a field of one form, due the value of a field in the another one. Formly documentation gives this option (https://formly.dev/examples/field-options/hide-fields): hideExpression: '!model.name' But I…
Yehuda
  • 41
  • 5
2
votes
0 answers

Why formly-field doesn't render the component?

I made input component and render component in formly. This is simple thing: the app component is render the render-component and render-component is render the input component. But the input component is not rendered. why how make it works? I…
Jon Sud
  • 10,211
  • 17
  • 76
  • 174
2
votes
1 answer

Formly Email custom validation with pattern does not works

I want to validate input (email) in ngx-formly. tried with the code below but it dint worked app.module.ts export function EmailValidator(control: FormControl): ValidationErrors { return…
TusharG
  • 495
  • 2
  • 4
  • 20
2
votes
3 answers

Angular formly 5.10.3 custom toggle event on change

I have a working custom template in formly with an ionic toggle bethen two texts. How can I catch the change event? this is a reduced code example: Custom formly idea: import { Component } from '@angular/core'; import { FieldType } from…
CVO
  • 702
  • 1
  • 13
  • 31
2
votes
1 answer

@ngx-fomly Validation not working in custom input

I am using NGX-FORMLY @ngx-formly/bootstrap: "^5.0.0" for dynamic forms. It was working with default input types. But not working in case of custom input. my custom Input.ts import { Component } from '@angular/core'; import { FieldType } from…
Anil Kumar
  • 209
  • 1
  • 4
  • 15
2
votes
1 answer

set a default value on select dropdown using using angular formly

Hi , how do we set a default value for a select field using angular formly library this.uiFormFactory.createSelect( Location, this.store.select(StoreUtil.getParameterOptions(ParameterId.Location)), …
snoopy
  • 105
  • 2
  • 10
2
votes
1 answer

Bootstrap Modal popup component not working on click of angular formly element

I have a reuquirement in which i am using a multiselect of angular formly which also has logo for each row. On click of this logo i want to load modal popup component, i am following a Stackblitz Demo for calling modal-component in app.component on…
Shashank S Chandel
  • 193
  • 1
  • 17
2
votes
0 answers

Dynamically Adding Key/Val Pairs in angular formly

I am using ngx-formly to build UI dynamically based on JSON. I am currently having some problems implementing the add/delete functionality for a key/val Since all my keys/values are dynamically added to the JSON, I need to find the key based on the…
HariHaran
  • 3,642
  • 2
  • 16
  • 33
2
votes
1 answer

integration between formly and quill

I use formly to render a reactive form with Angular material. now I try to replace a normal textarea field with quill (a text editor for angular) both formly and quill works fine separately, but the issue is with including a quill editor as a formly…
Sh eldeeb
  • 1,589
  • 3
  • 18
  • 41
1
vote
0 answers

Styling Formly Form Custom Wrapper + Custom Type

So I'd like to have a mat-autocomplete using formly-forms and have a add and delete button at the end of each autocomplete. Most importantly I want this "duo" of autocomplete + button to take 100% of the width available. To get there, I created a…
Martin Carre
  • 1,157
  • 4
  • 20
  • 42
1
vote
1 answer

Formly validation in Storybook throwing NG0100: ExpressionChangedAfterItHasBeenCheckedError

I'm working on a custom Formly wrapper for my form fields and I wanted to display the wrapper in Storybook. I found an excellent example on how to show the wrapper in Storybook (given that all of a wrapper's properties are injected via the…
richard
  • 1,565
  • 2
  • 18
  • 35
1
2 3 4 5 6 7 8