दिलचस्प पोस्ट
क्या जावास्क्रिप्ट समारोह में एक चर संख्याओं को भेजने के लिए संभव है? स्कला में मैं एक लूप से कैसे बाहर निकलूं? मैं C ++ में अपने नाम से एक प्रक्रिया को कैसे संभाल सकता हूं? JQuery सीएसएस संपत्ति का उपयोग कर पृष्ठभूमि-छवि सेट करना वर्ण स्ट्रिंग से लोड आर पैकेज मैं मूल XHR का प्रचार कैसे करूं? PHP URL से चित्र सहेज रहा है सी स्ट्रिंग स्थिरांक को संशोधित करना? कार्यात्मक, घोषणात्मक और आज्ञाकारी प्रोग्रामिंग प्रोलॉग उत्तराधिकारी अंकन का परिणाम अधूरा परिणाम और अनंत लूप पहिया प्रारूप से numpy स्थापित नहीं कर सकता ऑब्जेक्ट सहेजना (डेटा दृढ़ता) अक्षरों और अंकों (या अंकों और अक्षरों के बीच) के बीच एक स्ट्रिंग कैसे विभाजित है? क्या डेटाबेस बुराई चलाता है? कैसे एक div को दूसरे div पर ओवरले करना

कोणीय जेएस का उपयोग करके एक ड्रॉपडाउन सूची नियंत्रण का एक चयनित विकल्प कैसे सेट करें

मैं कोणीय जेएस का उपयोग कर रहा हूं और मुझे कोणीय जेएस का उपयोग कर एक ड्रॉपडाउन सूची नियंत्रण का एक चयनित विकल्प सेट करना है। मुझे माफ़ कर दो अगर यह हास्यास्पद है लेकिन मैं कोणीय जेएस के साथ नया हूँ

यहाँ मेरे एचटीएमएल के लटकती सूची नियंत्रण है I

<select ng-required="item.id==8 && item.quantity > 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"> </select> 

यह आबादी हो जाने के बाद मुझे मिल जाता है

  <select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 &amp;&amp; item.quantity &gt; 0" class="ng-pristine ng-valid ng-valid-required"> <option value="?" selected="selected"></option> <option value="0">set of 6 traits</option> <option value="1">5 complete sets</option> </select> 

मैं value="0" लिए नियंत्रण कैसे निर्धारित कर सकता हूँ value="0" को चुना जाना है?

वेब के समाधान से एकत्रित समाधान "कोणीय जेएस का उपयोग करके एक ड्रॉपडाउन सूची नियंत्रण का एक चयनित विकल्प कैसे सेट करें"

मुझे आशा है कि मैं आपके प्रश्न को समझता हूं, लेकिन ng-model निर्देश नियंत्रण में चयनित आइटम और आइटम के मूल्य के बीच दो-तरफा बाध्यकारी बनाता है। चयनित item.selectedVariant इसका अर्थ है कि item.selectedVariant । जावास्क्रिप्ट में item.selectedVariant गया item.selectedVariant , या नियंत्रण में मान को बदलना, दूसरे को अपडेट करता है यदि मद। चयन किए गए item.selectedVariant में 0 मान है, तो वह आइटम चयनित होना चाहिए।

यदि variants ऑब्जेक्ट्स की एक सरणी है, तो item.selectedVariant variants उन वस्तुओं में से एक पर सेट होना चाहिए। मुझे नहीं पता है कि आपके दायरे में आपके पास कौन सी जानकारी है, लेकिन यह एक उदाहरण है:

जे एस:

 $scope.options = [{ name: "a", id: 1 }, { name: "b", id: 2 }]; $scope.selectedOption = $scope.options[1]; 

HTML:

 <select data-ng-options="o.name for o in options" data-ng-model="selectedOption"></select> 

यह चयन करने के लिए "बी" आइटम को छोड़ देगा

मुझे नहीं पता कि यह किसी को मदद करेगा या नहीं, लेकिन जैसा कि मैं उसी मुद्दे का सामना कर रहा था मैंने साझा करने का सोचा था कि मुझे समाधान कैसे मिला।

आप अपने ng-options में विशेषता द्वारा ट्रैक का उपयोग कर सकते हैं।

मान लें कि आपके पास है:

 variants:[{'id':0, name:'set of 6 traits'}, {'id':1, name:'5 complete sets'}] 

आप अपने ng-options उल्लेख इस प्रकार कर सकते हैं:

 ng-options="v.name for v in variants track by v.id" 

आशा है कि यह भविष्य में किसी को मदद करता है

यदि आप मान को 0 item.selectedVariant लिए निर्दिष्ट करते हैं। चुने गए item.selectedVariant यह स्वचालित रूप से चयनित होना चाहिए। http://docs.angularjs.org/api/ng.directive पर नमूना देखें: चुनें कि डिफ़ॉल्ट रूप से केवल $scope.color='red' निर्दिष्ट करके लाल रंग का चयन करें।

मैं देखता हूं कि यहां पहले से ही अच्छे उत्तर लिखे हैं, लेकिन कुछ समय बाद ही इसे अन्य रूप में लिखना सहायक हो सकता है

 <div ng-app ng-controller="MyCtrl"> <select ng-model="referral.organization" ng-options="c for c in organizations"></select> </div> <script type='text/javascript'> function MyCtrl($scope) { $scope.organizations = ['a', 'b', 'c', 'd', 'e']; $scope.referral = { organization: $scope.organizations[2] }; } </script> 

यह उपयोगी हो सकता है बाइंडिंग की खुराक हमेशा काम नहीं करती।

 <select id="product" class="form-control" name="product" required ng-model="issue.productId" ng-change="getProductVersions()" ng-options="p.id as p.shortName for p in products"></select> 

उदाहरण के लिए। आप आराम-सेवा से विकल्प सूची स्रोत मॉडल को भरते हैं चयनित मूल्य befor भरने की सूची में जाना जाता था और सेट किया गया था। $ Http सूची विकल्प के साथ आराम-अनुरोध निष्पादित करने के बाद। लेकिन चयनित विकल्प सेट नहीं है। अज्ञात कारणों से AngularJS छाया $ डाइजेस्ट में निष्पादित नहीं चुने जाने के बावजूद चुने गए। मुझे चयनित को सेट करने के लिए JQuery का उपयोग करना होगा। यह महत्वपूर्ण है! एनजी-रिपिट इटैनोस द्वारा जेनरेट करने के लिए एंट्र "वैल्यू" के मान के लिए छाया में कोण को उपसर्ग जोड़ें। Int के लिए यह "संख्या:" है

 $scope.issue.productId = productId; function activate() { $http.get('/product/list') .then(function (response) { $scope.products = response.data; if (productId) { console.log("" + $("#product option").length);//for clarity $timeout(function () { console.log("" + $("#product option").length);//for clarity $('#product').val('number:'+productId); //$scope.issue.productId = productId;//not work at all }, 200); } }); } 

सरल तरीका

अगर आपके पास कोई यूजर है जो प्रतिक्रिया के रूप में है या आपने एरे / जेएसओन परिभाषित किया है, पहले आपको नियंत्रक में चयनित मान को सेट करना होगा, फिर आप html में एक ही मॉडल का नाम रखेंगे। यह उदाहरण मैंने सबसे आसान तरीके से समझाने के लिए लिखा था
सरल उदाहरण
नियंत्रक के अंदर:

 $scope.Users = ["Suresh","Mahesh","Ramesh"]; $scope.selectedUser = $scope.Users[0]; 

आपका HTML

 <select data-ng-options="usr for usr in Users" data-ng-model="selectedUser"> </select> 

जटिल उदाहरण
नियंत्रक के अंदर:

 $scope.JSON = { "ResponseObject": [{ "Name": "Suresh", "userID": 1 }, { "Name": "Mahesh", "userID": 2 }] }; $scope.selectedUser = $scope.JSON.ResponseObject[0]; 

आपका HTML

 <select data-ng-options="usr.Name for usr in JSON.ResponseObject" data-ng-model="selectedUser"></select> <h3>You selected: {{selectedUser.Name}}</h3>