2016-10-18 18 views
5

मैं कैसे जांच सकता हूं कि स्क्रीन पर कोई तत्व (या घटक) दिखाई दे रहा है या नहीं?कोणीय 2 चेक तत्व दृश्यता

एक विशिष्ट मामले में, मेरे पास बूटस्ट्रैप ड्रॉपडाउन के अंदर एक घटक है, और मैं चाहता हूं कि मेरा घटक केवल तभी करना चाहें जब ड्रॉपडाउन खुला हो (लेकिन मैं ड्रॉपडाउन आइटम के संदर्भ का उपयोग नहीं करना चाहता)।

उत्तर

0

यदि आप पहले से नहीं हैं, और विशेष रूप से NgbDropdown घटक हैं तो मैं ng-bootstrap का उपयोग करूंगा।

https://ng-bootstrap.github.io/#/components/dropdown

यह एक openChange घटना जब मेनू खोलता है या बंद कर देता है कि आग है, और आप और अपने खुद के तर्क आग है कि घटना के लिए सुन सकते हैं।

इसमें एक ओपन विधि भी है जिसे आप यह देखने के लिए जांच सकते हैं कि मेनू खुला है या नहीं।

यदि वे विकल्प चाल नहीं करते हैं, तो आप ड्रॉपडाउन बटन को स्वयं अक्षम कर सकते हैं और ड्रॉपडाउन टॉगल करने के लिए अपना स्वयं का बटन बना सकते हैं और मेनू खोलने और अपना कस्टम तर्क शुरू करने के लिए मैन्युअल ट्रिगर्स का उपयोग कर सकते हैं, और अपना रोक सकते हैं तर्क और मेनू बंद करें, हालांकि मानक दिखने वाले इंटरफ़ेस तत्व को अजीब तरीके से व्यवहार करने से सावधान रहें क्योंकि इससे उपयोगकर्ताओं को भ्रमित कर दिया जाएगा।

संबंधित मुद्दे