angular - pagina - ¿Cómo crear una página de superposición en ionic 2?

ionic apps

Question

Cómo crear una página de superposición de guía transparente cuando ingreso a una nueva página

¿Cómo puedo implementar en 2 iónico?

Answer 1

Solo puedes crear div fuera de:

<div class="my-overlay" padding [hidden]="overlayHidden">
    <button full (click)="hideOverlay()">Click me</button>
</div>

con CSS:

.my-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 20;
  top: 0;
  left: 0;
}

En declaración de clase, agregue (antes del constructor):

    overlayHidden: boolean = false;

y (después del constructor):

public hideOverlay() {
    this.overlayHidden = true;
}