如何禁用第三方库的angular2更改检测

Question

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

Click here for map preview

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

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

Answer 1

我有同样的问题，尝试在组件构造函数

上注入NgZone类

constructor(private zone: NgZone) {

)

然后，使用NgZone中的runOutsideAngular方法从google图表中调用draw方法，做类似的事情。

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

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

Thanks to this

Answer 2

临时禁用更改检测的另一个选项"src"

enabled = true;  
constructor(private ref: ChangeDetectorRef)

toggleChangeDetection() {
  if (this.enabled) 
  {
    this.enabled = false;
    this.ref.detach();
  }
  else {
    this.enabled = true;
    this.ref.reattach();
}