Javascript 错误类型错误："；此.canvas未定义使用angular和chart.js创建图表时出现问题

我正在尝试使用Chart.js和angular创建一个图表

这是citydetail.component.html

<div *ngIf="chart">
    <canvas #canvas></canvas>
</div>

这表明这个.canvas是未定义的。起初，我遇到了以下错误：未能创建图表：无法从给定项获取上下文，，试图解决这一问题导致我出现此问题

---

我对如何进一步操作感到困惑。

在

图表

为真之前，

画布

元素将不会被呈现（写入DOM）

<div *ngIf="chart">
    <canvas #canvas></canvas>
</div>

<div *ngIf="chart">
    <canvas #canvas></canvas>
</div>

<canvas #canvas></canvas>