Re: AppDynamics interfering with Angular Change De...

CommunityUser · ‎05-28-2018

Hello everybody,
I have a problem regarding the usage of an external Angular (v5) app (InDom) in an environment where AppDynamics (adrum.js) is present.

Problem: the app does generally work but the view update does not. Doing that programmatically (with this.changeDetectorRef.markForCheck() in a setInteval function) does work.

Why does AppDynamics interfere with the Angular Change Detection?

When I block the loading of AppDynamics via the network panel in the developer tool of Chrome everything works like a charm.

CommunityUser · ‎06-03-2018

Any updates on this (please see message from Mario)? Since this is a production blocker I really would appreciate any help. Anything else we can do, e.g. providing more information?

Gaurav_Soni · ‎06-18-2018

HI Fabian,

I would suggest you to use latest js agent (https://cdn.appdynamics.com/adrum/adrum-latest.js). This will require the EUM server to be on matching JS agent version (>=4.5.x).
Then instrument application and turn on the SPA2 as suggested here.
https://docs.appdynamics.com/display/PRO44/SPA2+Monitoring

If you don't see it working, attach the HAR file for the request.
https://community.appdynamics.com/t5/Knowledge-Base/Create-a-HAR-File-to-Troubleshoot-Web-Download-I...

Regards,
Gaurav

Gaurav_Soni · ‎05-30-2018

Hi Fabian,

We do not support Angular v5 Out Of The Box. To report Angular v5 events you have to use JS Agent API as described here: https://docs.appdynamics.com/display/PRO44/Manually+Report+Events+with+the+JavaScript+API

I would like to understand how you are instrumenting your application and reporting events.

Regards,
Gaurav Soni

Chitra_Lal · ‎05-29-2018

Hi Fabian,

That's a known limitation;Are you using Angular Zone? We have some imcompatibility with the change detection mechanism in Angular apps.

When moving adrum.js in the <head> blocks the Nested HTTP Test which is why the Angular change detection doesn't kick in properly, when Adrum is included alongside. So you need to go with the workaround.

Thank You,

Chitra

CommunityUser · ‎05-31-2018

Dear Chitra,

thanks for the quick response.

Further questions: is there any bug ticket you can refer to? We would like to track the state / further progress on this.

Acutally I didn't quite get the workaround. Could you please again describe what to do in order to "fix" this issue?

Actually our Angular app runs in other applications / web sites (InDom integrated) so we do not have any control about the adrum integration at all. Our application itself does not use AppDynamics, but one of the integrators does (which crashes the application).

Our requirement is that the use of AppDynamics does not interfere / crash the Angular application.

Thanks in advance.

AppDynamics interfering with Angular Change Detection?

Agent Management

Technical Workshop Series: Splunk Data Management and SPL2 | Register here!

Splunk Observability Synthetic Monitoring - Resolved Incident on Detector Alerts

Video | Tom’s Smartness Journey Continues