आयनिक 2 में ओवरले पृष्ठ कैसे बनाएं?

Question

जब मैं नए पेज

में प्रवेश करता हूं तो मैं पारदर्शी मार्गदर्शिका ओवरले पृष्ठ कैसे बना सकता हूं Iionic 2 में मैं कैसे कार्यान्वित कर सकता हूं?

Answer 1

तुम बस <ion-content> बाहर div बना सकते हैं:

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

वर्ग घोषणा में (निर्माता से पहले) जोड़ें::

overlayHidden: boolean = false; 

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

सीएसएस के साथ

और (निर्माता के बाद):

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