Ngx-formly: jit_nodeValue_3(...).$any is not a function

[smile2014]

FormlyFieldInput.html:2 ERROR TypeError: jit_nodeValue_3(...).$any is not a function
at Object.eval [as handleEvent] (FormlyFieldInput.html:2)
at handleEvent (core.js:13581)
at callWithDebugContext (core.js:15090)
at Object.debugHandleEvent [as handleEvent] (core.js:14677)
at dispatchEvent (core.js:9990)
at eval (core.js:10611)
at HTMLInputElement.eval (platform-browser.js:2628)
at ZoneDelegate.invokeTask (zone.js:425)
at Object.onInvokeTask (core.js:4744)
at ZoneDelegate.invokeTask (zone.js:424)

[aitboudad]

Hi, can you please provide a reproduction repo/example.

[smile2014]

thank you ,The problem has been solved, caused by carelessness

[Venkat5357]

please let me know what changes you did to resolve the issue.

[snoop244]

Hi @smile2014 , what was the carelessness? How did you fix this issue? I have the exact same error, have updated Angular and Material and I still get that error on the console for every keystroke. My model does not populate.

Everything worked fine until I moved my project to another system and reinstalled packages.

[jdbranham]

I had the same issue.
Found that I had some mismatched dependencies. Some of my angular components were ~5.0 and some were ~5.2

Upgraded then all to ~5.2 and it works fine now.

[Ubaid-ur-Rehman]

Hi,
I am getting the same error.
Can anyone help?
Thanks

[Ubaid-ur-Rehman]

@aitboudad can you kindly help? Its urgent.
thanks

[aitboudad]

@Ubaid-ur-Rehman based on the above comment:

I had the same issue.
Found that I had some mismatched dependencies. Some of my angular components were ~5.0 and some were ~5.2

Upgraded then all to ~5.2 and it works fine now.

just ensure all @ngx-formly packages match the same version and follow supported angular version.

| Angular version | Formly version |
| --------------- | ---------------------- |
| Angular >= 6 | @ngx-formly/[email protected] |
| Angular >= 5 | @ngx-formly/[email protected] |
| Angular >= 4 | @ngx-formly/[email protected] |
| Angular >= 2 | [email protected] |

[Ubaid-ur-Rehman]

@aitboudad thanks it was resolved.
Although i've another problem.
I am uploading a JSON file and trying to bind it to the model property of the formly form but it's not showing the data in the form.
Can you kindly help me in this?
Thanks

[sandeep2701kumar]

Check the click function properly, you might give the function name and some variable name same. So, change the function name and weather solve or not.

[krawieeeec]

@sandeep2701kumar your answer resolve my issue, thanks :)

[GeoffMahugu]

@sandeep2701kumar had same name of my function as the template name, thanks 👍

[shanurrahman]

or maybe if you are using forms, just check whether the form control name matches in both the html and typescript files

[ashsepra]

same with me, your name function same with your variable or model name. Just change one of it, it's work now.

[vipulDessai]

@sandeep2701kumar thanks for the fix, even if a portion of the function name matches with a variable name present in the same form, causes this issue. The strange thing is when I tried reverting to the same function name the error is gone :confused:

[Booshna-Arthy]

@sandeep2701kumar had same name of my function as the template name, thanks 👍

Thanks for your comment. i too made this mistake

[renanaribeiro]

Same happened to me.
My backend uses _login_ field as e-mail, changing declaration name on form page solved the issue.

[dm-grinko]

that was my reason:

        <mat-menu #delete="matMenu">
            <button mat-menu-item *ngFor="let item of items" (click)="delete(param)">{{param.title}}</button>
        </mat-menu>

[devxkuldeepchopra]

i got this issue here is some image clear my issue and this is how i fixed.