Tenho este código
<mat-card>
<mat-card-title-group>
<mat-card-title>Declarações processadas com sucesso</mat-card-title>
</mat-card-title-group>
</mat-card>
<mat-tab-group (selectedTabChange)="onLinkClick($event)">
<mat-tab label="Informações comuns">
<app-informacoes-comum></app-informacoes-comum>
</mat-tab>
<mat-tab label="Apuração mensal do ISSQN">
<app-apuracao-mensal></app-apuracao-mensal>
</mat-tab>
<mat-tab label="Demonstrativo contábil">
<app-demonstrativo-contabil></app-demonstrativo-contabil>
</mat-tab>
<mat-tab label="Demonstrativo das partidas dos lançamentos contábeis">
<app-demonstrativo-partida></app-demonstrativo-partida>
</mat-tab>
</mat-tab-group>
Cada um , é um componente que foi criado, sendo que cada um deles fazer uma consulta no servidor, para um serviço especifico.
onLinkClick(event: MatTabChangeEvent) {
console.log('event => ', event);
console.log('index => ', event.index);
console.log('tab => ', event.tab);
if(event.index == 0){
} else if(event.index == 1){
} else if(event.index == 2){
} else if(event.index == 3){
}
}
Tenho este evento que para validar qual tab o usuário clicou.
Estou tentando fazer com que ao entrar o sistema só cerrega tab-0 e não carregando as outras.
As outras só vão ser carregadas, se o usuário clicar na aba especifica.
Como fazer isto ?