انگولر کا استعمال کرتے ہوئے روزمرہ کے کچھ کام انجام دینے کا طریقہ سیکھنا اور اس سے کامل ہونا آپ کے کیریئر کو بہت تیزی سے فروغ دے سکتا ہے ، خاص طور پر اگر آپ اس میں نئے ہیں . اس مضمون میں ، ہم اس پر ایک ایسے ہی کام کے بارے میں بات کریں گے جو ایک ڈویلپر نے ہزاروں بار کیا ہوگا: ایک عاجز ڈراپ ڈاؤن باکس بنانا۔ اس بلاگ میں درج ذیل موضوعات کا احاطہ کیا جائے گا:
کونیی کیا ہے؟
ٹھیک ہے ، اگر آپ انگولر کا استعمال کرتے ہوئے ڈراپ ڈاؤن باکس بنانے کا طریقہ کے بارے میں کوئی بلاگ پڑھ رہے ہیں تو ، یہ سمجھا جاسکتا ہے کہ آپ کو پہلے ہی انگولر کا عمومی خیال ہے۔ آپ میں سے ان لوگوں کے لئے جو انٹرنیٹ کی گھماؤ پھراؤ اور مداحوں کی وجہ سے اس بلاگ کو ٹھوکر نہیں کھا رہے ہیں ، ایک سامنے کے آخر میں ترقیاتی فریم ورک ہے۔ یہ ٹیک دیو ، گوگل کے ذریعہ تیار اور برقرار رکھا گیا ہے۔ یہ سنگل پیج کی ویب ایپلی کیشنز جیسے جی میل ، پے پال اور لیگو کو تیار کرنے کا ایک ماڈیولر طریقہ مہیا کرتا ہے۔ زاویہ استعمال کرکے بنائے گئے ایپلیکیشنز ماڈل ویو-ویو ماڈل ماڈل کو لاگو کرتے ہیں۔
ڈراپ ڈاؤن باکس کیا ہے؟
ایک ڈراپ ڈاؤن باکس آپشن کی صف کو ظاہر کرنے کا صاف ستھرا طریقہ ہے چونکہ ابتدائی طور پر صرف ایک ہی انتخاب ظاہر ہوتا ہے جب تک کہ صارف ڈراپ ڈاؤن باکس کو فعال نہ کردے۔ کسی ویب صفحے پر ڈراپ ڈاؤن باکس شامل کرنے کے ل you ، آپ کو ایک استعمال کریں گے منتخب کریں عنصر یا a فہرست آئٹم . منتخب عنصر میں پہلے ٹیگ کے لئے منتخب کردہ آپشن کو منتخب کردہ کی قدر پر سیٹ کرنا ضروری ہے۔ میرا مطلب یہ بتانے کے لئے ایک چھوٹا کوڈ کا ٹکڑا ہے۔
جاوا میں ڈور سے تاریخ میں تبدیلی
آپشن 1 آپشن 2 آپشن 3
یقینا ، متوقع سلوک کے ل have مذکورہ کوڈ کو اپنے مخصوص جاوا اسکرپٹ کی ضرورت ہوگی ، لیکن ڈراپ ڈاؤن مینو کا بنیادی کنکال وہی رہتا ہے۔ آئیے دیکھتے ہیں کہ اب ہم کونیی میں یہ کیسے کرتے ہیں۔
کونییور کا استعمال کرتے ہوئے ڈراپ ڈاؤن باکس
سچ کہوں تو ، یہ زحمت کی بات ہوگی کہ کونیی میں ڈراپ ڈاؤن باکس کو عملی جامہ پہنانے کے تمام ممکنہ طریقوں کا مظاہرہ کریں۔ ہر ڈویلپر کا دماغ منطق کو اپنے منفرد انداز میں سنبھالتا ہے اور میں نے اپنے کیریئر میں کچھ پاگل ڈراپ ڈاؤن مینوز کو دیکھا ہے۔ میں آپ کو عاجز بننے جا رہا ہوں اور آپ لوگوں کو ایک بنیادی ڈراپ ڈاؤن مینو نقطہ نظر دکھاتا ہوں۔
طریقہ 1: این جی - آپشنز کا استعمال کرتے ہوئے ڈراپ ڈاؤن فہرست بنانا
آپ این جی-اختیارات استعمال کرسکتے ہیں ایک صف یا آئٹمز کی فہرست سے باہر ایک ڈراپ ڈاؤن مینو بنانے کے لئے۔
SQL میں رکاوٹیں کیا ہیں؟
var app = کونیی.موڈول ('ڈیمو' ، []) app.controller ('myCtrl' ، فنکشن ($ دائرہ کار) $ $કાશ. نامز = ['ڈیمانڈ' ، 'پردیپ' ، 'آشوتوش']})طریقہ 2: این جی ریپیٹ کا استعمال کرتے ہوئے ڈراپ ڈاؤن فہرست بنانا
کونیی ایک ورسٹائل ہونے کی وجہ سے ، واضح طور پر ایک بنیادی ڈراپ ڈاؤن مینو بنانے کے متعدد طریقے ہیں۔ این جی ریپیٹ ہدایت ایک صف میں موجود ہر آئٹم کے لئے ایچ ٹی ایم ایل کوڈ کے ایک بلاک کو دہراتا ہے ، اسے ڈراپ ڈاؤن فہرست میں اختیارات پیدا کرنے کے لئے استعمال کیا جاسکتا ہے ، لیکن این جی - آپشنز ہدایت خاص طور پر اختیارات کے ساتھ ڈراپ ڈاؤن فہرست کو پُر کرنے کے لئے بنائی گئی تھی اور اس میں ایک اہم بات ہے این جی - آپشنز کے ساتھ بنی فوائد یعنی ڈراپ ڈاؤن مینو سے منتخب کردہ ویلیو کو آبجیکٹ بننے کی اجازت ملتی ہے ، جبکہ این جی ریپیٹ سے بنی ڈراپ ڈاؤن ایک تار کی حیثیت رکھتی ہے۔
یہ خاص کوڈ کا ٹکڑا این جی ریپیٹ کا استعمال کرتے ہوئے اسی فہرست کو نافذ کرتا ہے
{{name}} var app = angular.module ('ڈیمو' ، []) app.controller ('myCtrl' ، فنکشن ($ دائرہ کار) {$કાશ. نامز = ['ڈیماوند' ، 'پردیپ' ، 'اشوتوش' ]})یہ ہمیں اس کے بجائے مختصر بلاگ 'کونیی کا استعمال کرتے ہوئے ڈراپ ڈاؤن فہرست' کے اختتام تک پہنچا ہے۔ مجھے امید ہے کہ اب آپ کو اندازہ ہوگا کہ آپ اپنے ہی پراجیکٹ میں ڈراپ ڈاؤن مینیو کو کس طرح نافذ کرسکتے ہیں۔ اگر آپ کو اس بلاگ کے بارے میں کوئی شبہ ہے تو آپ ذیل میں تبصرہ سیکشن میں بطور تبصرہ پوسٹ کرسکتے ہیں۔ آپ ڈراپ ڈاؤن باکس بنانے کا اپنا تخلیقی انداز بھی شیئر کرسکتے ہیں۔
جاوا درخواست کس طرح بند کریں
اگر آپ کونیی فریم ورک کے بارے میں مزید معلومات حاصل کرنا چاہتے ہیں تو ہمارا چیک کریں جو انسٹرکٹر کی زیر قیادت براہ راست تربیت اور حقیقی زندگی کے منصوبے کے تجربے کے ساتھ آتا ہے۔ یہ تربیت آپ کو کونیی کو گہرائی میں سمجھنے اور اس موضوع پر مہارت حاصل کرنے میں مدد فراہم کرے گی۔
ہمارے لئے ایک سوال ہے؟ براہ کرم اس کا تذکرہ سیکشن میں 'کونیی ڈراپ ڈاؤن' میں کریں اور میں آپ کو واپس ملوں گا۔