更新到 angular10，画布图像混乱

Question

我已将 angular 从 9.0 更新到 10.1。问题是画布图像出现故障。如果我点击状态选项卡，图像会混乱。

Angular 9 可以，但 Angular 10.1 不行。

HTML

<canvas [id]='canvasId'></canvas>

打字稿

this.canvas = document.getElementById(this.canvasId) as any;

我怀疑有两个画布，旧画布仍然存在。 有人能给我出主意吗？

ok_graph

wrong_graph

Answer 1

prop.solution:

let cdtGraphDiv = document.getElementById('cdtGraphDiv');
cdtGraphDiv.innerHTML = '';
cdtGraphDiv.append('<canvas id="cdtGraphview"><canvas>');


<div id="cdtGraphDiv">
   <canvas id="cdtGraphview"></canvas>
</div>

我在 div 中删除并重新创建画布。这工作很好。 我仍然不知道为什么有两个画布。