కోణీయతను ఉపయోగించి డ్రాప్‌డౌన్ బాక్స్‌ను ఎలా సృష్టించాలి?

ఈ బ్లాగులో కోణీయ ఫ్రేమ్‌వర్క్‌ను ఉపయోగించి సరళమైన డ్రాప్‌డౌన్ బాక్స్‌ను ఎలా సృష్టించాలో నేర్చుకుంటాము. డ్రాప్డౌన్ బాక్స్ రెండు ప్రత్యేక పద్ధతులను ఉపయోగించి సృష్టించబడుతుంది.

కోణీయతను ఉపయోగించి రోజువారీ పనులను ఎలా చేయాలో నేర్చుకోవడం మరియు పరిపూర్ణం చేయడం మీ వృత్తిని చాలా వేగంగా పెంచుతుంది, ప్రత్యేకించి మీరు కొత్తగా ఉంటే . ఈ వ్యాసంలో, డెవలపర్ వేలాది సమయం చేసి ఉండవలసిన అటువంటి పని గురించి మేము చర్చిస్తాము: వినయపూర్వకమైన డ్రాప్‌డౌన్ బాక్స్‌ను సృష్టించడం. ఈ బ్లాగులో ఈ క్రింది విషయాలు కవర్ చేయబడతాయి:



కోణీయ అంటే ఏమిటి?


కోణీయ లోగో - కోణీయ MVC - ఎడురేకాసరే, మీరు కోణీయతను ఉపయోగించి డ్రాప్‌డౌన్ పెట్టెను ఎలా తయారు చేయాలో బ్లాగు చదువుతుంటే, మీకు ఇప్పటికే కోణీయ ఆలోచన ఉంది. ఇంటర్నెట్ యొక్క ఇష్టాలు మరియు అభిరుచుల కారణంగా ఈ బ్లాగులో పొరపాట్లు చేయని మరియు తడబడని మీ కోసం, ఫ్రంట్ ఎండ్ డెవలప్‌మెంట్ ఫ్రేమ్‌వర్క్. దీనిని టెక్ దిగ్గజం గూగుల్ అభివృద్ధి చేసి నిర్వహిస్తుంది. Gmail, PayPal మరియు Lego వంటి ఒకే పేజీ వెబ్ అనువర్తనాలను అభివృద్ధి చేయడానికి ఇది మాడ్యులర్ మార్గాన్ని అందిస్తుంది. కోణీయ ఉపయోగించి నిర్మించిన అనువర్తనాలు మోడల్-వ్యూ-వ్యూ-మోడల్ విధానాన్ని అమలు చేస్తాయి.



డ్రాప్‌డౌన్ బాక్స్ అంటే ఏమిటి?

డ్రాప్‌డౌన్ మెను చిహ్నం కోసం చిత్ర ఫలితండ్రాప్-డౌన్ బాక్స్ అనేది ఎంపిక యొక్క శ్రేణిని చూపించే శుభ్రమైన పద్ధతి, ఎందుకంటే వినియోగదారు డ్రాప్‌డౌన్ బాక్స్‌ను సక్రియం చేసే వరకు ఒక ఎంపిక మాత్రమే ప్రారంభంలో ప్రదర్శించబడుతుంది. వెబ్‌పేజీకి డ్రాప్‌డౌన్-బాక్స్‌ను జోడించడానికి, మీరు a ఎంచుకోండి మూలకం లేదా a జాబితా-అంశం . ఎంచుకున్న మూలకంలోని మొదటి ట్యాగ్ ఎంచుకున్న ఎంపికను ఎంచుకున్న విలువకు సెట్ చేయాలి. నా ఉద్దేశ్యం మీకు చూపించడానికి ఇక్కడ చిన్న కోడ్ స్నిప్పెట్ ఉంది.

జావాలో డెడ్‌లాక్‌లను ఎలా నివారించాలి
ఎంపిక 1 ఎంపిక 2 ఎంపిక 3

వాస్తవానికి, above హించిన ప్రవర్తనను కలిగి ఉండటానికి పై కోడ్‌కు దాని నిర్దిష్ట జావాస్క్రిప్ట్ అవసరం, కానీ డ్రాప్‌డౌన్ మెను యొక్క ప్రాథమిక అస్థిపంజరం అలాగే ఉంటుంది. ఇప్పుడు మనం దీన్ని కోణీయంలో ఎలా చేయాలో చూద్దాం.



కోణీయ ఉపయోగించి డ్రాప్‌డౌన్ బాక్స్

నిజాయితీగా చెప్పాలంటే, డ్రాప్‌డౌన్-బాక్స్‌ను కోణీయంగా అమలు చేయడానికి సాధ్యమయ్యే అన్ని మార్గాలను ప్రదర్శించడం చాలా భయంకరంగా ఉంటుంది. ప్రతి డెవలపర్ మెదడు తర్కాన్ని దాని స్వంత ప్రత్యేకమైన రీతిలో నిర్వహిస్తుంది మరియు నా కెరీర్‌లో కొన్ని క్రేజీ డ్రాప్‌డౌన్ మెనూలను చూశాను. నేను వినయంగా ఉంటాను మరియు మీకు ప్రాథమిక డ్రాప్‌డౌన్-మెనూ విధానాన్ని చూపిస్తాను.

విధానం 1: ng- ఎంపికలను ఉపయోగించి డ్రాప్‌డౌన్ జాబితాను రూపొందించడం

మీరు ng- ఎంపికలను ఉపయోగించవచ్చు శ్రేణి లేదా అంశాల జాబితా నుండి డ్రాప్‌డౌన్ మెనుని సృష్టించడానికి.

జావాలో చార్ అంటే ఏమిటి
var app = angular.module ('డెమో', []) app.controller ('myCtrl', ఫంక్షన్ ($ స్కోప్) {$ scope.names = ['డిమాండ్వాండ్', 'ప్రదీప్', 'అశుతోష్']})

విధానం 2: ng- రిపీట్ ఉపయోగించి డ్రాప్‌డౌన్ జాబితాను రూపొందించడం

కోణీయ బహుముఖ , ప్రాథమిక డ్రాప్‌డౌన్ మెనుని సృష్టించడానికి బహుళ మార్గాలు ఉన్నాయి. Ng- రిపీట్ డైరెక్టివ్ శ్రేణిలోని ప్రతి అంశానికి HTML కోడ్ యొక్క బ్లాక్‌ను పునరావృతం చేస్తుంది, ఇది డ్రాప్‌డౌన్ జాబితాలో ఎంపికలను సృష్టించడానికి ఉపయోగించబడుతుంది, అయితే ng- ఆప్షన్స్ డైరెక్టివ్ ముఖ్యంగా డ్రాప్‌డౌన్ జాబితాను ఎంపికలతో నింపడం కోసం తయారు చేయబడింది మరియు ఒక ముఖ్యమైనది ఉంది ప్రయోజనం అంటే ng- ఎంపికలతో చేసిన డ్రాప్‌డౌన్ మెనూలు ఎంచుకున్న విలువను ఒక వస్తువుగా అనుమతిస్తుంది, అయితే ng- రిపీట్ నుండి తయారైన డ్రాప్‌డౌన్లు స్ట్రింగ్ అయి ఉండాలి.



ఈ నిర్దిష్ట కోడ్ స్నిప్పెట్ అదే జాబితాను ng- రిపీట్ ఉపయోగించి అమలు చేస్తుంది

{{పేరు}} var అనువర్తనం = angular.module ('డెమో', []) app.controller ('myCtrl', ఫంక్షన్ (ope స్కోప్) {$ scope.names = ['దేమావండ్', 'ప్రదీప్', 'అశుతోష్' ]})

ఇది చిన్న కోణాన్ని “కోణీయతను ఉపయోగించి డ్రాప్‌డౌన్ జాబితా” చివరికి తీసుకువస్తుంది. మీ స్వంత ప్రాజెక్ట్‌లో డ్రాప్‌డౌన్ మెనుని ఎలా అమలు చేయవచ్చనే దాని గురించి మీకు ఇప్పుడు ఒక ఆలోచన ఉందని నేను ఆశిస్తున్నాను. ఈ బ్లాగుకు సంబంధించి మీకు ఏమైనా సందేహాలు ఉంటే, మీరు వాటిని క్రింది వ్యాఖ్య విభాగంలో వ్యాఖ్యగా పోస్ట్ చేయవచ్చు. డ్రాప్‌డౌన్ బాక్స్‌ను రూపొందించే మీ స్వంత సృజనాత్మక మార్గాన్ని కూడా మీరు పంచుకోవచ్చు.

c ++ సూచన ద్వారా కాల్

మీరు కోణీయ ఫ్రేమ్‌వర్క్ గురించి మరింత తెలుసుకోవాలనుకుంటే, మా చూడండి ఇది బోధకుడు నేతృత్వంలోని ప్రత్యక్ష శిక్షణ మరియు నిజ జీవిత ప్రాజెక్ట్ అనుభవంతో వస్తుంది. ఈ శిక్షణ మీకు కోణీయ లోతుగా అర్థం చేసుకోవడానికి సహాయపడుతుంది మరియు ఈ అంశంపై పాండిత్యం సాధించడంలో మీకు సహాయపడుతుంది.

మాకు ప్రశ్న ఉందా? దయచేసి దీనిని “కోణీయ డ్రాప్‌డౌన్” యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు నేను మీ వద్దకు తిరిగి వస్తాను.