angular - 签名板禁用复选框

Question

我正在为我的应用程序使用angular2-signaturepad库，Ionic 3并且签名板在应用程序中运行良好。现在，我已将动态 html 添加到 adiv和动态 html 中，当前只有一个复选框，但其中会有更多。

在 .html 文件中：

  <ion-row>
    <ion-col>
        <div class="letter-body white-space-pre-line"
                 [innerHTML]="testData | safeHtml:'html'"></div>
    </ion-col>
  </ion-row>
  <ion-row class="patient-signature-pad-input">
    <ion-col class="singnature-pad-col">
      <signature-pad [options]="signaturePadOptions"
                     (onEndEvent)="drawCompletePat()"></signature-pad>
    </ion-col>
  </ion-row>

在 .ts 文件中：

this.testData = "<input type='checkbox' />"

现在，该复选框已正确呈现在 html 中，但是当我尝试检查该复选框时，它不起作用。

但是，有趣的是，当我从 html 中删除签名板时，我可以轻松地选中复选框。

注意：z-index签名板已设置为否。

谁能指出我使用添加的复选框在做什么签名板innerHTML？