I have a form and no matter what I tried I couldn’t find out why it’s laggy!
the component that consists of this form has many children in a structure that the component itself as a skeleton and the children as bone
each child component has
ngOnChanges and couple or more parameters passed to it.
I have only one form that responds slow and the rest are fine among the child components, not sure what causes this problem
this is a timeline of the laggy form:
and this of the other forms:
the laggy form has no major functions or what so ever, it contains only 12 input fields with only 3 as required and only a length constraint.
the only difference between the laggy form and the others is the following:
In parent html:
<child-that-has-laggyForm></child-that-has-laggyForm> —> one parameter, one update event passed, the child component
ngOnChanges displays data and has a function that creates a modal for the form (the laggy form)
Heavier than the previous, more than 2 parameters passed, no update events. has many functions: 1 opens modal form , one redirects to another component then from there to the form.
this is the best I can explain, need your help guys, thanx