கோணத்தைப் பயன்படுத்தி ஒரு கீழ்தோன்றும் பெட்டியை உருவாக்குவது எப்படி?

கோணத்தைப் பயன்படுத்தி சில அன்றாட பணிகளை எவ்வாறு செய்வது என்பதைக் கற்றுக்கொள்வதும், முழுமையாக்குவதும் உங்கள் வாழ்க்கையை மிக வேகமாக உயர்த்தும், குறிப்பாக நீங்கள் புதியவராக இருந்தால் . இந்த கட்டுரையில், ஒரு டெவலப்பர் ஆயிரக்கணக்கான நேரத்தை செய்திருக்க வேண்டிய ஒரு பணியைப் பற்றி நாங்கள் விவாதிப்போம்: ஒரு தாழ்மையான கீழ்தோன்றும் பெட்டியை உருவாக்குதல். பின்வரும் வலைப்பதிவுகள் இந்த வலைப்பதிவில் விவரிக்கப்படும்:

• கோணல் என்றால் என்ன?
• கீழ்தோன்றும் பெட்டி என்றால் என்ன?
• கோணத்தைப் பயன்படுத்தி ஒரு கீழ்தோன்றும் பெட்டியை உருவாக்குதல்.

கோணல் என்றால் என்ன?

சரி, கோணத்தைப் பயன்படுத்தி ஒரு கீழ்தோன்றும் பெட்டியை எவ்வாறு உருவாக்குவது என்பது பற்றி நீங்கள் ஒரு வலைப்பதிவைப் படிக்கிறீர்கள் என்றால், உங்களுக்கு ஏற்கனவே கோணத்தைப் பற்றிய பொதுவான யோசனை இருப்பதாக கருதலாம். இணையத்தின் விருப்பங்களும் ஆர்வங்களும் காரணமாக இந்த வலைப்பதிவில் தடுமாறாத மற்றும் தடுமாறிய உங்களில், ஒரு முன்-இறுதி வளர்ச்சி கட்டமைப்பாகும். இது தொழில்நுட்ப நிறுவனமான கூகிள் உருவாக்கி பராமரிக்கிறது. ஜிமெயில், பேபால் மற்றும் லெகோ போன்ற ஒற்றை பக்க வலை பயன்பாடுகளை உருவாக்க இது ஒரு மட்டு வழியை வழங்குகிறது. கோணத்தைப் பயன்படுத்தி உருவாக்கப்பட்ட பயன்பாடுகள் மாதிரி-பார்வை-பார்வை-மாதிரி அணுகுமுறையை செயல்படுத்துகின்றன.

கீழ்தோன்றும் பெட்டி என்றால் என்ன?

கீழ்தோன்றும் பெட்டி என்பது விருப்பத்தின் வரிசையைக் காண்பிக்கும் ஒரு சுத்தமான முறையாகும், ஏனெனில் பயனர் கீழ்தோன்றும் பெட்டியை செயல்படுத்தும் வரை ஒரே ஒரு தேர்வு மட்டுமே காண்பிக்கப்படும். ஒரு வலைப்பக்கத்தில் கீழ்தோன்றும் பெட்டியைச் சேர்க்க, நீங்கள் ஒரு பயன்படுத்தலாம் தேர்ந்தெடுக்கவும் உறுப்பு அல்லது ஒரு பட்டியல்-உருப்படி . தேர்ந்தெடுக்கப்பட்ட உறுப்பு முதல் குறிச்சொல் தேர்ந்தெடுக்கப்பட்ட விருப்பத்தை தேர்ந்தெடுக்கப்பட்ட மதிப்புக்கு அமைக்க வேண்டும். நான் என்ன சொல்கிறேன் என்பதைக் காண்பிப்பதற்கான சிறிய குறியீடு துணுக்கை இங்கே.

விருப்பம் 1 விருப்பம் 2 விருப்பம் 3

நிச்சயமாக, மேலே உள்ள குறியீட்டிற்கு அதன் குறிப்பிட்ட ஜாவாஸ்கிரிப்ட் தேவைப்படும் நடத்தை இருக்க வேண்டும், ஆனால் கீழ்தோன்றும் மெனுவின் அடிப்படை எலும்புக்கூடு அப்படியே இருக்கும். இதை இப்போது கோணத்தில் எவ்வாறு செய்கிறோம் என்று பார்ப்போம்.

கோணத்தைப் பயன்படுத்தி கீழ்தோன்றும் பெட்டி

நேர்மையாகச் சொல்வதானால், ஒரு கீழ்தோன்றும் பெட்டியை கோணத்தில் செயல்படுத்த அனைத்து வழிகளையும் நிரூபிப்பது மிகவும் அச்சுறுத்தலாக இருக்கும். ஒவ்வொரு டெவலப்பரின் மூளையும் தர்க்கத்தை அதன் தனித்துவமான முறையில் கையாளுகிறது, மேலும் எனது வாழ்க்கையில் சில பைத்தியம் கீழிறங்கும் மெனுக்களைக் கண்டேன். நான் தாழ்மையுடன் இருக்கப் போகிறேன், உங்களுக்கு ஒரு அடிப்படை கீழ்தோன்றும்-மெனு அணுகுமுறையைக் காண்பிப்பேன்.

சரம் முதல் தேதி வரை ஜாவாவில் மாற்றவும்

முறை 1: ng- விருப்பங்களைப் பயன்படுத்தி ஒரு கீழ்தோன்றும் பட்டியலை உருவாக்குதல்

நீங்கள் ng- விருப்பங்களைப் பயன்படுத்தலாம் ஒரு வரிசை அல்லது உருப்படிகளின் பட்டியலிலிருந்து கீழ்தோன்றும் மெனுவை உருவாக்க.

var app = angular.module ('demo', []) app.controller ('myCtrl', function ($ scope) {$ scope.names = ['Demavand', 'Pradeep', 'Ashutosh']})

முறை 2: ng- மீண்டும் பயன்படுத்தி ஒரு கீழ்தோன்றும் பட்டியலை உருவாக்குதல்

கோணமானது பல்துறை திறன் கொண்டது , ஒரு அடிப்படை கீழ்தோன்றும் மெனுவை உருவாக்க பல வழிகள் உள்ளன. ஒரு வரிசையில் உள்ள ஒவ்வொரு பொருளுக்கும் HTML குறியீட்டின் ஒரு தொகுதியை ng- மீண்டும் உத்தரவு மீண்டும் கூறுகிறது, இது ஒரு கீழ்தோன்றும் பட்டியலில் விருப்பங்களை உருவாக்கப் பயன்படுத்தப்படலாம், ஆனால் ng- விருப்பங்கள் உத்தரவு குறிப்பாக ஒரு கீழ்தோன்றும் பட்டியலை விருப்பங்களுடன் நிரப்புவதற்காக செய்யப்பட்டது மற்றும் ஒரு முக்கியமான நன்மை அதாவது ng- விருப்பங்களுடன் செய்யப்பட்ட கீழ்தோன்றும் மெனுக்கள் தேர்ந்தெடுக்கப்பட்ட மதிப்பை ஒரு பொருளாக இருக்க அனுமதிக்கிறது, அதே நேரத்தில் ng- மீண்டும் செய்யப்படும் கீழ்தோன்றல்கள் ஒரு சரமாக இருக்க வேண்டும்.

இந்த குறிப்பிட்ட குறியீடு துணுக்கை அதே பட்டியலை ng- மீண்டும் பயன்படுத்தி செயல்படுத்துகிறது

{{name}} var app = angular.module ('demo', []) app.controller ('myCtrl', function ($ scope) {$ scope.names = ['Demavand', 'Pradeep', 'Ashutosh' ]})

இது குறுகிய வலைப்பதிவின் “கோணத்தைப் பயன்படுத்தி கீழிறங்கும் பட்டியலின்” முடிவுக்கு நம்மை அழைத்துச் செல்கிறது. உங்கள் சொந்த திட்டத்தில் ஒரு கீழ்தோன்றும் மெனுவை எவ்வாறு செயல்படுத்தலாம் என்பது பற்றி இப்போது உங்களுக்கு ஒரு யோசனை இருப்பதாக நம்புகிறேன். இந்த வலைப்பதிவைப் பற்றி உங்களுக்கு ஏதேனும் சந்தேகம் இருந்தால், அவற்றை கீழே உள்ள கருத்துப் பிரிவில் ஒரு கருத்தாக இடுகையிடலாம். கீழ்தோன்றும் பெட்டியை உருவாக்கும் உங்கள் சொந்த ஆக்கபூர்வமான வழியையும் நீங்கள் பகிர்ந்து கொள்ளலாம்.

கோண கட்டமைப்பைப் பற்றி மேலும் அறிய நீங்கள் விரும்பினால், எங்கள் பாருங்கள் இது பயிற்றுவிப்பாளர் தலைமையிலான நேரடி பயிற்சி மற்றும் நிஜ வாழ்க்கை திட்ட அனுபவத்துடன் வருகிறது. இந்த பயிற்சி கோண ஆழத்தை புரிந்து கொள்ளவும், இந்த விஷயத்தில் தேர்ச்சி பெறவும் உதவும்.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'கோண கீழ்தோன்றல்' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நான் உங்களிடம் திரும்புவேன்.