Eu tenho um componente que usa o Tabs do ngBootstrap e cada aba representa uma busca que pode voltar vazia ou não. O conteúdo das abas são um componente separado que realizam as busca propriamente ditas. O que eu queria fazer é que caso o conteúdo dessas abas seja vazio ele avise ao componente pai para que ele desative a aba. Teria algum jeito de fazer isso?
Componente que constrói as abas
<ngb-tabset *ngIf="tags.length>0">
<ngb-tab *ngFor="let divisoria of divisorias">
<ng-template ngbTabTitle>
<span >{{divisoria.nome}}</span>
</ng-template>
<ng-template ngbTabContent>
<app-busca-lista [txtBusca]="queryBusca" [tipo]="divisoria.tipo"></app-busca-lista>
</ng-template>
</ngb-tab>
</ngb-tabset>
Conteúdo das abas
<div class="container" *ngIf="collectionSize>0; else naoEncontrado">
<span *ngFor="let regulamento of regulamentos">
<app-busca-resultados-resultado [regulamento]="regulamento" [tipoRegulamento]="'RegulamentoNormativoViewEntity'"></app-busca-resultados-resultado>
</span>
</div>
<ng-template #naoEncontrado>
<h2 class="lead"><strong class="text-danger">Nenhum</strong> regulamento desta categoria encontrado <!--para <strong class="text-danger">{{txtBusca}}</strong>--></h2>
</ng-template>
<ngb-pagination *ngIf="collectionSize>10" [collectionSize]="collectionSize" [maxSize]="5" [(page)]="pagina" [rotate]="true" [boundaryLinks]="true" (pageChange)="mudarPagina($event)"></ngb-pagination>