आयनिक 2 में साइड मेनू को खोलने/बंद करने का तरीका कैसे पता लगाएं?

Question

मैं अपने आयनिक 2 ऐप के साथ cordova-google-maps प्लगइन का उपयोग कर रहा हूं, और मैं उस पृष्ठ पर मेनू (sidenav) दिखाना चाहता हूं। Sidenav को घटनाओं को ठीक से प्राप्त करने के लिए समस्या है, मुझे sidenav खोलते समय map.setClickable(false) पर कॉल करने की आवश्यकता है और जब उपयोगकर्ता sidenav को बंद करता है तो इसे true पर सेट करें। ऐसा लगता है कि मेनू को opening के साथ खोला जा रहा है, जबकि मुझे यह पता नहीं है कि उपयोगकर्ता मेनू को बंद करते समय ट्रैक कैसे करें।

Answer 1

ऐसा लगता है कि मेनू घटना में नए कार्यक्रम जोड़े गए हैं जो इस समस्या को हल करते हैं। मैं भी गूगल मैप्स प्लगइन का उपयोग कर रहा है और यह ठीक http://ionicframework.com/docs/v2/api/components/menu/Menu/

ionDrag

मेनू खुला घसीटा जा रहा है काम करता है।

ionOpen

जब मेनू खोला गया है।

ionClose

जब मेनू बंद कर दिया गया।

इन उत्पादन घटनाओं का उपयोग करना, अपने संचालकों में आप मेनू के लिए एक झंडा रख सकते अपनी खुली है या नहीं :) अगर

Answer 2

ionDrag, ionOpen का उपयोग कर के लिए, ionClose Ionic2 में आप इसे मेनू ही

पर जोड़ना होगा http://ionicframework.com/docs/v2/api/util/Events/

के लिए पता लगाने:

उदाहरण के लिए बाद मैं का उपयोग करें "घटनाक्रम" यहाँ दस्तावेज़ नहीं देख द्वारा

<ion-menu [content]="content" (ionOpen)="menuOpened()" (ionClose)="menuClosed()"> 

अपने app.html फ़ाइल में मेनू को संशोधित मेरे पृष्ठ में यदि मेनू बंद या खुला था।

मेरी app.ts

menuClosed() { 
    this.events.publish('menu:closed', ''); 
} 

menuOpened() { 
    this.events.publish('menu:opened', ''); 
} 

और मेरे अन्य पेज में

events.subscribe('menu:opened',() => { 
    // your action here 
}); 

events.subscribe('menu:closed',() => { 
    // your action here 
}); 

मैं इस मदद आशा में

उदाहरण