सीखना और सही करना कि कैसे कुछ रोजमर्रा के कार्यों को करने के लिए कोणीय का उपयोग करके आपके करियर को काफी तेजी से बढ़ावा मिल सकता है, खासकर यदि आप नए हैं । इस लेख में, हम एक ऐसे कार्य के बारे में चर्चा करेंगे, जिसे एक डेवलपर को हजारों बार करना होगा: एक विनम्र ड्रॉपडाउन बॉक्स बनाना। इस ब्लॉग में निम्नलिखित विषयों को शामिल किया जाएगा:
कोणीय क्या है?
वैसे, यदि आप एक ब्लॉग पढ़ रहे हैं कि एंगुलर का उपयोग करके ड्रॉपडाउन बॉक्स कैसे बनाया जाए, तो यह माना जा सकता है कि आपके पास पहले से ही एंगुलर का एक सामान्य विचार है। आप में से उन लोगों के लिए जो इस ब्लॉग पर इंटरनेट की सनक और सनक के कारण ठोकर खा चुके हैं। एक फ्रंट-एंड डेवलपमेंट फ्रेमवर्क है। यह तकनीकी दिग्गज, Google द्वारा विकसित और अनुरक्षित है। यह जीमेल, पेपाल और लेगो जैसे सिंगल-पेज वेब एप्लिकेशन विकसित करने के लिए एक मॉड्यूलर तरीका प्रदान करता है। एंगुलर का उपयोग करके बनाए गए एप्लिकेशन मॉडल-व्यू-व्यू-मॉडल दृष्टिकोण को लागू करते हैं।
ड्रॉपडाउन बॉक्स क्या है?
एक ड्रॉप-डाउन बॉक्स विकल्प की एक सरणी दिखाने की एक साफ विधि है क्योंकि केवल एक विकल्प शुरू में प्रदर्शित होता है जब तक उपयोगकर्ता ड्रॉपडाउन बॉक्स को सक्रिय नहीं करता है। वेब पेज पर ड्रॉपडाउन बॉक्स जोड़ने के लिए, आप एक का उपयोग करेंगे चुनते हैं तत्व या ए सामग्री सूचीबद्ध करें । चयनित तत्व में पहले टैग के लिए चयनित विकल्प को चयनित मूल्य पर सेट करने की आवश्यकता होती है। यहाँ एक छोटा सा कोड स्निपेट है जो आपको दिखाता है कि मेरा क्या मतलब है।
कैसे जावा में बाहर निकलने के लिए - -
विकल्प 1 विकल्प 2 विकल्प 3
बेशक, उपरोक्त कोड को अपेक्षित व्यवहार के लिए अपने विशिष्ट जावास्क्रिप्ट की आवश्यकता होगी, लेकिन ड्रॉपडाउन मेनू का मूल कंकाल वही रहता है। आइए देखें कि अब हम इसे कोणीय में कैसे करते हैं।
कोणीय का उपयोग करते हुए ड्रॉपडाउन बॉक्स
ईमानदारी से कहूं तो, कोणीय में ड्रॉपडाउन बॉक्स को लागू करने के सभी संभावित तरीकों का प्रदर्शन करना कठिन होगा। प्रत्येक डेवलपर का मस्तिष्क तर्क को अपने तरीके से संभालता है और मैंने अपने करियर में कुछ पागल ड्रॉपडाउन मेनू देखे हैं। मैं विनम्र होने जा रहा हूं और आप लोगों को एक बुनियादी ड्रॉपडाउन-मेनू दृष्टिकोण दिखाऊंगा।
विधि 1: गैर-विकल्पों का उपयोग करके ड्रॉपडाउन सूची बनाना
आप एनजी विकल्पों का उपयोग कर सकते हैं किसी सरणी या आइटम की सूची से ड्रॉपडाउन मेनू बनाने के लिए।
एक जावा विचारधारा क्या है
var app = angular.module ('डेमो', []] app.controller ('myCtrl', फंक्शन ($ गुंजाइश) {$ गुंजाइश.names = ['Demavand', 'Pradeep', 'Ashutosh]]])विधि 2: एनजी-रिपीट का उपयोग करके ड्रॉपडाउन सूची बनाना
कोणीय एक बहुमुखी जा रहा है , स्पष्ट रूप से एक बुनियादी ड्रॉपडाउन मेनू बनाने के कई तरीके हैं। एनजी-रिपीट निर्देश एक सरणी में प्रत्येक आइटम के लिए HTML कोड के एक ब्लॉक को दोहराता है, इसका उपयोग ड्रॉपडाउन सूची में विकल्प बनाने के लिए किया जा सकता है, लेकिन एनजी-विकल्प निर्देश विशेष रूप से विकल्पों के साथ ड्रॉपडाउन सूची भरने के लिए बनाया गया था और इसमें एक महत्वपूर्ण है एनजी विकल्पों के साथ किए गए लाभ यानी ड्रॉपडाउन मेनू चयनित मूल्य को एक वस्तु होने की अनुमति देता है, जबकि एनजी-रिपीट से बने ड्रॉपडाउन को एक स्ट्रिंग होना चाहिए।
यह विशेष कोड स्निपेट एनजी-रिपीट का उपयोग करके उसी सूची को लागू करता है
{{name}} var app = angular.module ('डेमो', []] app.controller ('myCtrl', फंक्शन ($ स्कोप) {$ गुंजाइश.names = ['डिमांड', 'प्रदीप', 'आशुतोष') ]})यह हमें इस बल्कि लघु ब्लॉग 'कोणीय का उपयोग कर ड्रॉपडाउन सूची' के अंत में लाता है। मुझे उम्मीद है कि अब आपको इस बात का अंदाजा है कि आप अपने बहुत ही प्रोजेक्ट में ड्रॉपडाउन मेनू कैसे लागू कर सकते हैं। यदि आपको इस ब्लॉग के बारे में कोई संदेह है, तो आप उन्हें नीचे टिप्पणी अनुभाग में एक टिप्पणी के रूप में पोस्ट कर सकते हैं। आप ड्रॉपडाउन बॉक्स बनाने का अपना रचनात्मक तरीका भी साझा कर सकते हैं।
जावा में स्थिर ब्लॉक उदाहरण
यदि आप कोणीय ढांचे के बारे में अधिक जानना चाहते हैं, तो हमारी जाँच करें जो प्रशिक्षक के नेतृत्व वाले लाइव प्रशिक्षण और वास्तविक जीवन की परियोजना के अनुभव के साथ आता है। यह प्रशिक्षण आपको कोणीय में गहराई से समझने में मदद करेगा और आपको विषय पर महारत हासिल करने में मदद करेगा।
क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया 'कोणीय ड्रॉपडाउन' के टिप्पणी अनुभाग में इसका उल्लेख करें और मैं आपके पास वापस आऊंगा।