Question

我具有以下组件，但无法在Chart的onClick函数内打印test变量值。

export class EntradaSaidaComponent {

  @ViewChild('graficoDeBarraTemplate')
  private graficoDeBarraTemplate;
  graficoDeBarra: Chart;
  test:any = "Test";

  ngOnInit(){
    this.graficoDeBarra = new Chart(this.graficoDeBarraTemplate.nativeElement, {
    type: 'bar',
    data: {
      labels: ["Entrada", "Saída"],
      datasets: [
        {
          backgroundColor: ["#00b050", "#00b0f0"],
          data: [this.dashboard.totalReceber, this.dashboard.totalPagar],
          label: this.sharedProvider.formatMoeda(this.dashboard.totalReceber)
        },
        {
          backgroundColor: ["#03A9F4"],
          data: [],
          label: this.sharedProvider.formatMoeda(this.dashboard.totalPagar)
        },
      ]
    },
    options: {
      responsive: true,
      plugins: {
      },
      legend: {
        display: true,
        position: 'bottom'
      },
      onClick: function(){
        console.log(this.test);
      },
    },
  });
  }

}

如何解决？

Answer 1

使用箭头功能

onClick: () => {
    console.log(this.test);
  },

Answer 2

上下文问题。

都可以（是的，这是一个对象的奇怪语法，但是请相信我可以使用）

onClick(){
    console.log(this.test);
  },

或

onClick: () => console.log(this.test),

Chart Js的onClick函数中的Acess组件变量

2 个答案: