angular - 如何为 3rd 方库禁用 angular2 更改检测

Question

我有谷歌地图，它每秒触发 100 多次变化检测。如何为此禁用更改检测。

Click here for map preview

使用鼠标悬停事件会更糟。

ngDoCheck() {
  console.log('do check', this.i++);
}

Answer 1

我有同样的问题，尝试在你的组件构造函数中注入(inject) NgZone 类

constructor(private zone: NgZone) {

)

然后，使用 NgZone 的 runOutsideAngular 方法来回调 google charts 的 draw 方法，执行类似这样的操作。

this.zone.runOutsideAngular(() => {
    var chart = new google.visualization.PieChart(nativeElement);
    chart.draw(dataTable, options);
})

这使得执行的代码不会触发 Angular 检测更改。将此应用于您制作的每个图表。我希望这对您有所帮助。

Thanks to this