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;
}