无法使用按钮Angular显示/隐藏画布

Question

在我的项目中，我有一个画布<div>，我可以用鼠标书写/绘画。 它运行正常，所以我添加了一个简单的按钮，每次点击它时都会显示并隐藏此div，但是当我这样做时，它不会捕获鼠标事件，我无法绘制/写，画布尺寸不等于我在属性中设置的尺寸。

我整天尝试过多件事，但我无法弄清楚。

以下是我添加到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围绕我的画布。

Answer 1

你仍然可以使用[hidden]和反向逻辑：

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