angular - 无法使用按钮 Angular 显示/隐藏 Canvas

Question

在我的项目中，我有一个 Canvas <div>我可以用鼠标写/画的地方。它工作正常，所以我添加了一个简单的按钮来显示和隐藏这个 div每次你点击它，但当我这样做时，它没有捕捉到鼠标事件，我不能画/写， Canvas 尺寸不等于我在属性中设置的尺寸。

我一整天都尝试了很多事情，但我无法弄清楚。

这是我添加到 HTML 中的内容:

<button type="button" (click)="Draw()" id="bt">{{des}}</button>
<div *ngIf="show">
  <div class="canvas">
    <canvas #canvas id="canvas"></canvas>
  </div>
  <input type="button" value="Erase" (click)="Erase()"/>
</div>    

我所做的只是用 div 围绕我的 Canvas .

Answer 1

您仍然可以使用具有反向逻辑的 [hidden]:

<div [hidden]="!show">
  ...
</div>