I have google maps which triggers 100+ times per second change detection. how to disable change detection for this.
it will be even worse when using mouseover event.
ngDoCheck() {
console.log('do check', this.i++);
}
I had the same issue, try injecting the NgZone class on your component constructor
constructor(private zone: NgZone) {
)
then, use the runOutsideAngular method from NgZone to put in a callback the draw method from google charts, do something like this.
this.zone.runOutsideAngular(() => {
var chart = new google.visualization.PieChart(nativeElement);
chart.draw(dataTable, options);
})
This make the executed code don't fire angular detection changes. Apply this for each chart you make. I hope find this helpful.