How to disable Zone.js interaction with native element in Angular page?

Question

Angular

A page rendered by Angular has a built-in native container (an editor with blocks) that are not processed by Angular in any way. But despite this, interaction with elements inside the container occurs with worse performance than outside Angular. I'm assuming it's something to do with Zone.js, as there was one bug where the .stopPropagate() on the block inside the container was missing , which again indicates interference with native events.

Answer 1

Hello. You need to look towards ngZone.runOutsideAngular() . This will allow you to disable changeDetection.
Usage examples:
1) for third party library
2) for events and comprehensions