У меня есть две кнопки. Первая кнопка создает мои данные для печати в .pdf, а вторая кнопка настройки ngxPrint
<button class="report-btn" [class.btn-disabled]="!settingsReport.fromTo || isIncorrectFile" type="button" (click)="performReport()" [translate]="'report.btn'"></button>
<button class="report-btn"
[class.btn-disabled]="!reportGenerated"
[useExistingCss]="true"
ngxPrint
printSectionId="report-print"
type="button"
[translate]="'report.btn-print'"></button>
Я хочу комбинировать кнопки, и в конце концов есть одна кнопка.
К сожалению, когда я копирую (нажмите ) событие от первой кнопки до второй, у меня ошибка. и моя функция не вызывается при нажатии
<button class="report-btn"
(click)="performReport()"
[class.btn-disabled]="!settingsReport.fromTo || isIncorrectFile"
type="button"
[translate]="'report.btn-print'"
[useExistingCss]="true"
printSectionId="report-print"
ngxPrint
></button>
ERROR TypeError: Cannot read property 'innerHTML' of null
at NgxPrintDirective.push.../node_modules/ngx-print/fesm5/ngx-print.js.NgxPrintDirective.print (ngx-print.js:197)
at Object.eval [as handleEvent] (ReportsComponent.html:132)
at handleEvent (core.js:23107)
at callWithDebugContext (core.js:24177)
at Object.debugHandleEvent [as handleEvent] (core.js:23904)
at dispatchEvent (core.js:20556)
at core.js:21003
at HTMLButtonElement.<anonymous> (platform-browser.js:993)
at ZoneDelegate.push.../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17290)
, поэтому, я думаю, мне нужно вызвать директиву из моего .component.ts, но я не знаю, как это сделать