Treegrid template column method called frequently

[Zachary]

I added a template column method that maps an id to user friendly text.

I was surprised to find it gets called very frequently even when the treegrid has been displayed and nothing is happening. It seems to run on some sort of timer

Callstack for the breakpoint

Template method code:

    <e-column field="plaidAccountId" headerText="Account" [validationRules]="required" [edit]='accountEditOptions'

      [customAttributes]="customAttributes">

      <ng-template #template let-data>

        <span>

          {{this.accountIdMapper.getAccountName(data.plaidAccountId)}}

        </span>

        

      </ng-template></e-column>

[Farveen Sulthana Thameeztheen Basha]

  

Hi Zachary, 

Thanks for your interest in Syncfusion Components. 

Before start proceeding this, we need some more additional details about the issue. Share us the following details. 

1. Replication steps of the issue you have faced.
2. If possible replicate it in the sample with template column and revert us back.

https://stackblitz.com/edit/angular-epkddi?file=app.component.html 

3. Video demo to replicate the issue from above sample.
4. Does the method inside Template column call recursively or are you telling about any other methods?

The provided details will be helpful to provide you solution as early as possible. 

Regards, 

Farveen sulthana T 

[Zachary]

I have created a sample project with 3 rows.

I have a template column. I put a console.log everytime it is called.

When the treegrid is first loaded it gets called 24 times.

When I hover my mouse over the grid for a couple seconds it got called 2,400 times.

I was surprised to see it get called so frequently and wanted to check in with you guys to see if it is the intended behavio

Attachment: example_9537e427.zip

[Farveen Sulthana Thameeztheen Basha]

Hi Zachary ,  

In Angular, while using a function inside the ng-template, then it will be executed for every change detection to check whether the element should be updated or not. This is the default behavior of Functions inside the Angular templates, which is not related to EJ2 TreeGrid component. However, you can overcome the reported behavior by using Pipes inside the template as suggested in the below reference link.  

https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496  

Please get back to us if you need any further assistance. 

Regards,  

Farveen sulthana T 

[Zachary]

Thanks for the help on this one Farveen.

[Farveen Sulthana Thameeztheen Basha]

Hi Zachary,  

Thanks for your update. Please get back to us if you need any further assistance. We are happy to assist you. 

Regards, 

Farveen sulthana T