Я использую библиотеку angular2-signaturepad для моего приложения Ionic 3
, и панель приложения работает нормально внутри приложения.Теперь я добавил динамический html в div
и внутри динамического 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
?