Hi All,
I am facing performance issue when click on any button/mouse hover/typing when page have more data.
Based on my analysis the issue is due to the 'change detection' by angular.
I found as there are some place calling the function as I have to render different records and need dynamic values based on multiple parameters. So I am calling function from the template (.e.g ngClass)to evaluate the values based on parameter.
Due to angular change detection all the functions are getting called automatically and causing performance issue.
Now I use ChangeDetectionStrategy.OnPush which is not calling the autochangedetection always however change detection is getting called when button click/click anywhere /mouse hover/typing and again causing performance issue when the page having more data.
I am unable to use the expression as I have to do so many condition check to evaluate the value, hence calling the function.
Again if I use a variable in the component and use ngOnChange event to populate then it will not have the dynamic values for each record and will not fulfill my requirement.
Can any one please guide on how to resolve this performance issue.
Thanks in Advance,
Ajit