在導航到另一個組件之前銷毀 ng2-charts

Question

我在每條路線中創建了圖表。

當我嘗試從一個組件導航到另一個組件時，出現此錯誤並且頁面已損壞。 （請看下面的截圖）

任何解決方案？

謝謝

 <canvas baseChart id="barChart" #barChart [datasets]="chartData" [labels]="barChartLabels" [options]="barChartOptions" [chartType]="chartType"></canvas>

Answer 1

在銷毀之前檢查圖表是否存在：
應用程序組件.ts

import {BaseChartDirective} from 'ng2-charts';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})

export class AppComponent implements OnDestroy {
  @ViewChild('barChart') chart: BaseChartDirective;

  ngOnDestroy() {
    if (this.chart) this.chart.ngOnDestroy();
  }
}