AngularJS के लिए ng-options में मान सेट करना

AngularJS का ng-options निर्देश डेवलपर्स को टैग के लिए विकल्पों को पॉप्युलेट करने की अनुमति देता है। एक सामान्य प्रश्न जो उठता है वह यह है कि प्रत्येक विकल्प के लिए मूल्य विशेषता कैसे सेट करें।

मूल्य सेटिंग तंत्र को समझने के लिए, आइए ngOptions के सिंटैक्स पर ध्यान दें। यह इन रूपों में से एक में अभिव्यक्ति लेता है:

सरणी के लिए:

label for value in array

वस्तुओं के लिए:

label for (key, value) in object

निम्नलिखित उदाहरण सरणी पर विचार करें:

array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];

एनजी-विकल्पों का उपयोग करके विकल्प भरने के लिए, हम लिख सकते हैं:

इस मामले में, obj.value प्रत्येक विकल्प के लिए चयनित मान निर्धारित करेगा।

अपडेट: वैल्यू एक्सप्रेशन द्वारा ट्रैक करें

हाल ही में AngularJS अपडेट के साथ, अब एक्सप्रेशन द्वारा ट्रैक का उपयोग करके वैल्यू एट्रिब्यूट के लिए स्पष्ट रूप से मूल्य निर्दिष्ट करना संभव है:

सिंटैक्स को याद रखना

ngOptions सिंटैक्स को याद करना चुनौतीपूर्ण हो सकता है। एक सहायक सादृश्य इसे पायथन की सूची समझ के विस्तारित संस्करण के रूप में सोचना है:

[x**2 for x in [1, 2, 3, 4, 5]]

हालाँकि एनजी-विकल्पों में, हम as कीवर्ड का उपयोग करके प्रत्येक विकल्प के लिए प्रदर्शित मूल्य और पाठ के बीच अंतर करते हैं:

person.id as person.name for person in people

जावास्क्रिप्ट ऑब्जेक्ट के लिए, सिंटैक्स समान है, (कुंजी, मान) जोड़े का उपयोग करते हुए:

for (key, value) in object