Я использую ng-bootstrap для создания Popover с HTML и привязками. ng-template всегда будет воссоздаваться, когда я нажимаю кнопку, и моему компоненту нужно время для инициализации, поэтому вместо этого я должен его скрыть. Как я могу скрыть ng-шаблон?
пс. Я не носитель английского языка, извините, если я вас смущаю.
Я пробовал использовать ng-container, но ngbPopover, кажется, принимает только ng-template
<button type="button" class="card tools-toc btn btn-outline-primary"
#popover="ngbPopover" [ngbPopover]="popLegend" [ngClass]="{'active': popover.isOpen()}"
placement="top" [autoClose]="false" popoverClass="popover-legend" (click)="toggleToc()">
<i class="fas fa-layer-group"></i>
</button>
<ng-template #popLegend>
<div>
<div class="legend-title">ชั้นข้อมูล</div>
<div >
<app-core-toc [config]="_configService[1]" [omElec]="true">
</app-core-toc>
<app-core-toc [config]="_configService[0]" [omWork]="true">
</app-core-toc>
</div>
</div>
</ng-template>
Я ожидаю создать app-core-toc при инициализации. Когда я нажимаю кнопку, мой шаблон просто скрывается или показывается.