Q:

Mostrar y ocultar varios ion-card mediante un botón

Buenas!!
En Ionic 3.9.2 estoy usando el siguiente comando para que mediante un botón aparezca y desaparezca un  
En el html:
<button ion-button block (click)="accion1()"> Botón </button>
<ion-card *ngIf="ocultar1">
   <ion-card-header>
     Título              
   </ion-card-header>
   <ion-card-content>
     Contenido
   </ion-card-content>
</ion-card>

y en el ts:
export class Page { 
public ocultar1: boolean = false;
accion1(){
this.ocultar1 = !this.ocultar1;
}}

y la verdad es que me funciona perfectamente.
¿Cómo puedo hacer que un botón haga aparecer varios  y desaparecer independientemente si están visibles o no?
Saludos y gracias

A:

Lo que he hecho en el siguiente ejemplo:

Todos los botones al inicio están desactivados por defecto (botón acción)
El botón Activar/Desactivar (botón general) está al inicio en el estado ACTIVAR TODOS
En cuando estén todos los botones (1-4) activados cambia el estado botón acción a DESACTIVAR TODOS automáticamente y lo mismo funciona viceversa.

Te dejo el ejemplo:
Ver Demo
<button ion-button block (click)="acciontodos()"> {{ !ocultartodos ? 'Activar Todos' : 'Desactivar Todos' }} </button>

ocultar1: boolean     = false;
ocultar2: boolean     = false;
ocultar3: boolean     = false;
ocultar4: boolean     = false;    
ocultartodos: boolean = false;    

accion1() {        
  this.ocultar1 = !this.ocultar1;
  this.checkActiveButton();
}

accion2() {        
  this.ocultar2 = !this.ocultar2;
  this.checkActiveButton();
}

accion3() {        
  this.ocultar3 = !this.ocultar3;
  this.checkActiveButton();
}

accion4() {        
  this.ocultar4 = !this.ocultar4;
  this.checkActiveButton();
}

checkActiveButton() {

  if ( this.ocultar1 && this.ocultar2 && this.ocultar3 && this.ocultar4 ) {
    this.ocultartodos = true;
  }
  else if ( !this.ocultar1 && !this.ocultar2 && !this.ocultar3 && !this.ocultar4 ) {
    this.ocultartodos = false;
  }
}

acciontodos() {

  if ( this.ocultartodos === false ) {
    this.ocultar1     = true;
    this.ocultar2     = true;
    this.ocultar3     = true;
    this.ocultar4     = true;
  }
  else {
    this.ocultar1     = false;
    this.ocultar2     = false;
    this.ocultar3     = false;
    this.ocultar4     = false;
  }

  this.ocultartodos = !this.ocultartodos;
}

