angular - 署名パッドはチェックボックスを無効にします

Question

アプリケーションにangular2-signaturepadライブラリを使用していIonic 3ますが、署名パッドはアプリケーション内で正常に動作しています。今、動的htmlをに追加divし、動的htmlの中に現在1つのチェックボックスを追加しましたが、さらに多くのチェックボックスがあります。

.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署名パッドにはNoが設定されています。

を使用して追加されたチェックボックスで署名パッドが何をしているのか、誰でも指摘できますinnerHTMLか?