Preciso de uma orientação por favor, tenho uma estrutura de componentes em um projeto Angular:
1) Componente Cabecalho
2) Componente Corpo e dentro deste o Componente Rodape
O botão existente dentro do componente Cabecalho precisa exibir/ocultar as <div>
que estão dentro dos demais componentes, no caso a <div class="card"></div>
e a <div class="footer></div>
.
Exemplo:
Componente Cabecalho.html:
<button (click)="toggleShow()">Esconder / Exibir</button>
Componente Cabecalho.ts:
isShown: boolean = false;
toggleShow() {
this.isShown = ! this.isShown;
}
Componente Corpo.html:
<div class="card" *ngIf="isShown">
<p>Conteúdo</p>
</div>
E dentro do Componente Corpo o Componente Rodape:
<div class='footer' *ngIf="isShown">
<p>©</p>
</div>
Podem me ajudar?