Angular.js चयन बॉक्स में डिफ़ॉल्ट विकल्प कैसे रखें

Question

मैंने Google खोजा है और इस पर कुछ भी नहीं पा सकता हूँ।

मेरे पास यह कोड है।

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options"
></select>

ऐसे ही कुछ आंकड़ों के साथ

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];

और आउटपुट कुछ इस तरह है।

<select ng-model="somethingHere"  
        ng-options="option.value as option.name for option in options" 
        class="ng-pristine ng-valid">

    <option value="?" selected="selected"></option>
    <option value="0">Something Cool</option>
    <option value="1">Something Else</option>
</select>

डेटा में पहला विकल्प डिफ़ॉल्ट मान के रूप में सेट करना कैसे संभव है ताकि आपको इस तरह से परिणाम मिल सके।

<select ng-model="somethingHere" ....>
    <option value="0" selected="selected">Something Cool</option>
    <option value="1">Something Else</option>
</select>

Comments

यह अच्छा होगा यदि कोई ऐसा उत्तर हो जो यह नहीं मानता है कि विकल्पों को बनाने के लिए कोणीय का उपयोग किया जा रहा है। क्या होगा यदि विकल्प पहले से मार्कअप का हिस्सा हैं?

— pspahn

@pspahn - के अनुसार docs.angularjs.org/api/ng/directive/ngOptions : केवल a **single** hard-coded <option> element ... can be nested into the <select> element.विकल्प पहले से ही मार्कअप का हिस्सा नहीं हो सकता है।

— DIMM रीपर

@pspahn कि ओपी का जवाब नहीं होगा, लेकिन एक बहुत अलग सवाल ...

— मारियो Trucco

Answer 1

आप बस इस तरह एनजी-इनिट का उपयोग कर सकते हैं

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

Comments

मुझे इस काम में समस्या थी, यह था कि मैं 'ट्रैक बाय' का उपयोग कर रहा था, इसे हटाकर समस्या को ठीक कर दिया, बस उस स्थिति में जो किसी को लाइन से नीचे

— लाने में

इस उत्तर में कुछ भी गलत नहीं है, लेकिन मेरे विशिष्ट मामले में एनजी-इन मेरे लिए विफल रहा। समस्या यह थी कि मैं जिस मूल्य का उपयोग कर रहा था, वह अभी तक उपलब्ध नहीं था, जबकि एनजी-इनिट चला गया: मुझे एक अजाक्स कॉल के माध्यम से मूल्य मिला और उस समय एनजी-इनिट पहले ही समाप्त हो गया था। अंत में मैंने उस मूल्य पर एक द्रष्टा का उपयोग किया और उस कार्य में मैंने वही किया जो मैंने एनजी-इनिट में किया था। वह काम किया।

— 14

मैं भी इस मुद्दे पर काम कर रहा था, @maurits टिप्पणी ने मुझे इस stackoverflow.com/questions/22348886 का आनंद लिया!

— माइकल

एंगुलर के

— Fortuna

चेतावनी: इस उद्देश्य के लिए एनजी-इनिट का उपयोग करने से $ डाइजेस्ट () विधि को अत्यधिक कॉल हो सकती है, जो आपके कंसोल आउटपुट को सभी लाल और बदसूरत दिखने के लिए संदेश के साथ ला सकती है जैसे "10 $ डाइजेस्ट () पुनरावृत्तियों तक पहुंच गई! गर्भपात!"

— DMac विध्वंसक

Answer 2

यदि आप यह सुनिश्चित करना चाहते हैं कि $scope.somethingHereजब आपका दृश्य इनिशियलाइज़ हो जाता है तो आपका मूल्य ओवरराइट नहीं किया जाता है, तो आप somethingHere = somethingHere || options[0].valueअपने एनजी-इनिट में मान को समेटना चाहेंगे (जैसे):

<select ng-model="somethingHere" 
        ng-init="somethingHere = somethingHere || options[0].value"
        ng-options="option.value as option.name for option in options">
</select>

Comments

यह समाधान अच्छी तरह से काम किया और चयनित उत्तर की तुलना में बेहतर है।

— एमजे

एनजी-इनिट इस एनजी-इनिट की तरह नहीं दिखना चाहिए = "someHere = somethingHere || विकल्प [0]" ??

— infinitloop

optionsखाली होने से कैसे निपटें ? जैसे optionsडेटा के मामले में बाहरी स्रोत से आ रहा है।

— अशक्त

@suud आपको अपने एनजीटी में केवल विकल्प && options.length> 0 की जांच करनी होगी। वास्तव में, इसका अधिकांश हिस्सा आपके नियंत्रक में होना चाहिए, इसलिए यह परीक्षण योग्य है।

— बेन लेश

@BenLesh अगर मैं पहले विकल्प के बजाय कुछ पाठ (स्ट्रिंग) लिखना चाहता हूं। ng-init="somethingHere= somethingHere || 'Select one' " मैंने इस तरह की कोशिश की। लेकिन यह काम नहीं किया। मेरे कोड में क्या गलत है

— कोडेलनर

Answer 3

इसे इस्तेमाल करे:

एचटीएमएल

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

जावास्क्रिप्ट

function Ctrl($scope) {
    $scope.options = [
        {
          name: 'Something Cool',
          value: 'something-cool-value'
        }, 
        {
          name: 'Something Else',
          value: 'something-else-value'
        }
    ];

    $scope.selectedOption = $scope.options[0];
}

Plunker यहाँ ।

यदि आप वास्तव में उस मूल्य को सेट करना चाहते हैं जो मॉडल के लिए बाध्य होगा, तो ng-optionsविशेषता को बदल दें

ng-options="option.value as option.name for option in options"

और जावास्क्रिप्ट को

...
$scope.selectedOption = $scope.options[0].value;

ऊपर विचार करते हुए यहां एक और प्लंकर ।

Comments

समस्या यह है कि मुझे चुनिंदा बक्सों के भार के लिए ऐसा करना होगा।

— ९

नहीं मिला। आपको क्या करना होगा?

— माइकल बेनफोर्ड

मैं इसे मैन्युअल रूप से शायद 50+ चुनिंदा बक्से के लिए करना होगा

— iConnor

आप प्रत्येक चयनित बॉक्स के लिए डिफ़ॉल्ट मान सेट करने का मतलब है? यदि ऐसा है तो मुझे लगता है कि यह आपके प्रश्न में स्पष्ट नहीं है। वैसे भी, क्या मुझे यह मान लेना सही है कि आपको हर चुनिंदा बॉक्स में आइटम लोड करना होगा? यदि ऐसा है तो मुझे नहीं लगता कि उनके डिफ़ॉल्ट मूल्यों को शुरू करना एक बड़ी बात होगी।

— माइकल बेनफोर्ड

मेरी समस्या यह है कि विकल्प का सूचकांक फ़ॉर्म पर "सबमिट" से वापस आ जाता है। मुझे जो चाहिए वह है जो आप कॉल कर रहे हैं option.name, जो कि एक पुराने पुराने रेल फॉर्म से लौटाया गया था। चेकबॉक्स और रेडियो बटन ठीक काम करते हैं क्योंकि आप सही मार्कअप पाने के लिए एनजी-रिपीट का उपयोग करते हैं। मुझे विकल्प कैसे मिलेगा। फॉर्म जमा करने के समय पर वापस लौटा दिया गया।

— ६

Answer 4

श्रीवत्स हरीश वेंकटरमण ने केवल एक उत्तर का उल्लेख किया है track byजो वास्तव में इसके लिए एक समाधान है!

यहां एक उदाहरण दिया गया है कि प्लंकर (नीचे लिंक) के track byसाथ चयन में उपयोग कैसे करेंng-options :

<select ng-model="selectedCity"
        ng-options="city as city.name for city in cities track by city.id">
  <option value="">-- Select City --</option>
</select>

यदि selectedCityकोणीय गुंजाइश पर परिभाषित किया गया है, और यह है idकिसी भी रूप में एक ही मूल्य के साथ संपत्ति idकिसी भी cityपर citiesसूची, यह लोड पर चयनित ऑटो हो जाएगा।

यहाँ इसके लिए प्लंकर है: http://plnkr.co/edit/1EVs7R20pCffewrG0EmI?p=preview

अधिक जानकारी के लिए स्रोत प्रलेखन देखें: https://code.angularjs.org/1.3.15/docs/api/ng/direct/select

Comments

धन्यवाद, इसने मेरी मदद की;)

— ब्राहिम लाम्जरार

बहुत बढ़िया! धन्यवाद!

— Iurii Golskyi

Answer 5

मुझे लगता है, 'ट्रैक बाय' के शामिल होने के बाद, आप इसे एनजी विकल्पों में उपयोग कर सकते हैं, जो आप चाहते हैं, जैसे निम्नलिखित

 <select ng-model="somethingHere" ng-options="option.name for option in options track by option.value" ></select>

इसे करने का यह तरीका बेहतर है क्योंकि जब आप तारों की सूची को उन वस्तुओं की सूची से बदलना चाहते हैं जिन्हें आप बस इसे बदल देंगे

 <select ng-model="somethingHere" ng-options="object.name for option in options track by object.id" ></select>

जहां कुछ निश्चित रूप से गुण नाम और आईडी के साथ एक वस्तु है। कृपया ध्यान दें, एनजी-ऑप्शन को व्यक्त करने के इस तरह से 'के रूप में' का उपयोग नहीं किया जाता है, क्योंकि यह केवल मूल्य निर्धारित करेगा और जब आप ट्रैक द्वारा उपयोग कर रहे हैं तो आप इसे बदल नहीं पाएंगे

Comments

इसी से मेरा काम बना है। मुझे लगता है कि कोणीय को संदर्भ सूची के विकल्प के बराबर मेरे दायरे के मॉडल में वस्तु की पहचान करने के लिए कुछ चाहिए। "ट्रैक बाय गारंटर.कोड" ने किया यह कारनामा!

— मार्बलिंग

Answer 6

स्वीकृत उत्तर उपयोग ng-init, लेकिन दस्तावेज़ कहते हैं कि यदि संभव हो तो एनजी-इनिट से बचें।

NgInit का एकमात्र उपयुक्त उपयोग ngRepeat के विशेष गुणों को बदलने के लिए है, जैसा कि नीचे डेमो में देखा गया है। इस मामले के अलावा, आपको एक स्कोप पर मूल्यों को इनिशियलाइज़ करने के लिए ngInit के बजाय नियंत्रकों का उपयोग करना चाहिए।

आप अपने विकल्पों ng-repeat के ng-optionsलिए भी उपयोग कर सकते हैं । के साथ ng-repeat, आप विशेष गुणों के ng-selectedसाथ उपयोग कर सकते हैं ng-repeat। यानी $ इंडेक्स, $ विषम, $ भी बिना किसी कोडिंग के इस काम को करने के लिए।

$first एनजी-रिपीट विशेष गुणों में से एक है।

  <select ng-model="foo">
    <option ng-selected="$first" ng-repeat="(id,value) in myOptions" value="{{id}}">
      {{value}}
    </option>
  </select>

---------------------- EDIT ----------------
हालांकि यह काम करता है, मैं @ mik-t पसंद करूंगा जब आप जानते हैं कि किस मूल्य का चयन करना है, https://stackoverflow.com/a/29564802/454252 , जो उपयोग करता है track-byऔर ng-optionsबिना ng-initया उपयोग किए ng-repeat।

यह उत्तर केवल तब उपयोग किया जाना चाहिए जब आपको पहले आइटम का चयन करना होगा, यह जानने के बिना कि क्या मूल्य चुनना है। उदाहरण के लिए, मैं इसे ऑटो पूरा करने के लिए उपयोग कर रहा हूं जिसके लिए हर समय FIRST आइटम का चयन करना होगा।

Comments

यह काम करता है, लेकिन इसका उपयोग उतना ng-optionsतेज और अधिक अनुकूलित नहीं होना चाहिए ng-repeat।

— Iso

@ आप से असहमत नहीं हैं, लेकिन क्या आपके पास उस जानकारी के लिए कोई स्रोत है?

— एडम प्लॉकर

डॉक्स में यहीं: docs.angularjs.org/api/ng/directive/ngOptions " समझ के अभिव्यक्ति <select>के select asहिस्से के माध्यम से मॉडल को कैसे सौंपा जाता है " में अधिक लचीलापन , "के लिए एक नया स्कोप न बनाकर स्मृति की खपत कम" प्रत्येक दोहराया उदाहरण "," documentFragmentव्यक्तिगत रूप से के बजाय विकल्प बनाकर गति बढ़ा दी "

— Iso

Answer 7

मेरा यह समाधान मेरे डिफ़ॉल्ट विकल्प को हार्डकोड करने के लिए html का उपयोग था। इस तरह:

HAML में:

%select{'ng-model' => 'province', 'ng-options' => "province as province for province in summary.provinces", 'chosen' => "chosen-select", 'data-placeholder' => "BC & ON"}
  %option{:value => "", :selected => "selected"}
    BC & ON

HTML में:

<select ng-model="province" ng-options="province as province for province in summary.provinces" chosen="chosen-select" data-placeholder="BC & ON">
  <option value="" selected="selected">BC &amp; ON</option>
</select>

मैं चाहता हूं कि मेरा डिफ़ॉल्ट विकल्प मेरे एपीआई से सभी मूल्यों को वापस लौटाए, यही कारण है कि मेरे पास एक रिक्त मान है। इसके अलावा मेरे haml बहाना। मुझे पता है कि यह सीधे ओपी के सवाल का जवाब नहीं है, लेकिन लोग इसे Google पर ढूंढते हैं। मनाइए कि यह किसी और के लिए सहायक हो।

Comments

मैंने इसे html में बदलने की कोशिश की है, लेकिन यह मेरे द्वारा आजमाए गए सभी ऑनलाइन कन्वर्टर्स में विफल रहा है।

— इकोनोर

HTML पोस्ट क्यों नहीं? मेरा मतलब है, क्या इस तरह कोड को पोस्ट करना वास्तव में आवश्यक था? ऐसा नहीं है कि ओपी प्रश्न में एक अस्थायी इंजन का उपयोग कर रहा था।

— arg20

Answer 8

अपने मॉडल से चयनित विकल्प को पॉप्युलेट करने के लिए नीचे दिए गए कोड का उपयोग करें।

<select id="roomForListing" ng-model="selectedRoom.roomName" >

<option ng-repeat="room in roomList" title="{{room.roomName}}" ng-selected="{{room.roomName == selectedRoom.roomName}}" value="{{room.roomName}}">{{room.roomName}}</option>

</select>

Comments

मेरे लिए लेके काम किया। मेरी चयन सूची के लिए बाध्यकारी विकल्पों के लिए जिम्मेदार अतुल्यकालिक कॉल एनजी-मॉडल लाने वाले की तुलना में थोड़ा धीमा था, इसलिए इस दृष्टिकोण ने मुझे बहुत मदद की। धन्यवाद Eebbesen :-)

— ajaysinghdav10d

यह मेरे लिए भी काम करता है। सरल और समझ में आता है।

— केंट एगुइलर

Answer 9

आपके पास कितने विकल्प हैं, इसके आधार पर आप अपने मूल्यों को एक सरणी में रख सकते हैं और इस तरह से अपने विकल्पों को ऑटो-पॉप्युलेट कर सकते हैं

<select ng-model="somethingHere.values" ng-options="values for values in [5,4,3,2,1]">
   <option value="">Pick a Number</option>
</select>

Answer 10

मेरे मामले में, मुझे एक विकल्प चुनने के लिए केवल उपयोगकर्ता को बताने के लिए एक प्रारंभिक मूल्य सम्मिलित करने की आवश्यकता थी, इसलिए, मुझे नीचे दिए गए कोड पसंद हैं:

<select ...
    <option value="" ng-selected="selected">Select one option</option>
</select>

जब मैंने मान के साथ एक विकल्प का प्रयास किया! = एक रिक्त स्ट्रिंग (शून्य) के विकल्प को कोणीय द्वारा प्रतिस्थापित किया गया था, लेकिन, जब एक विकल्प डालते हैं तो (शून्य मान के साथ), इस विकल्प के साथ चयन करें।

मेरी खराब अंग्रेजी से क्षमा करें और मुझे उम्मीद है कि मैं इसके साथ कुछ करने में मदद करूंगा।

Answer 11

डिफ़ॉल्ट मान के selectसाथ उपयोग करना ngOptionsऔर सेट करना :

अधिक उपयोग उदाहरणों के लिए ngOptions दस्तावेज़ देखें ngOptions।

angular.module('defaultValueSelect', [])
 .controller('ExampleController', ['$scope', function($scope) {
   $scope.data = {
    availableOptions: [
      {id: '1', name: 'Option A'},
      {id: '2', name: 'Option B'},
      {id: '3', name: 'Option C'}
    ],
    selectedOption: {id: '2', name: 'Option B'} //This sets the default value of the select in the ui
    };
}]);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<body ng-app="defaultValueSelect">
  <div ng-controller="ExampleController">
  <form name="myForm">
    <label for="mySelect">Make a choice:</label>
    <select name="mySelect" id="mySelect"
      ng-options="option.name for option in data.availableOptions track by option.id"
      ng-model="data.selectedOption"></select>
  </form>
  <hr>
  <tt>option = {{data.selectedOption}}</tt><br/>
</div>

plnkr.co

HTMLSELECTतत्व केबारे में आधिकारिक दस्तावेज कोणीय डेटा-बाइंडिंग के साथ।

बाइंडिंग selectके माध्यम से एक गैर-स्ट्रिंग मान को ngModelपार्स करने / स्वरूपण:

(function(angular) {
  'use strict';
angular.module('nonStringSelect', [])
  .run(function($rootScope) {
    $rootScope.model = { id: 2 };
  })
  .directive('convertToNumber', function() {
    return {
      require: 'ngModel',
      link: function(scope, element, attrs, ngModel) {
        ngModel.$parsers.push(function(val) {
          return parseInt(val, 10);
        });
        ngModel.$formatters.push(function(val) {
          return '' + val;
        });
      }
    };
  });
})(window.angular);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.1/angular.min.js"></script>
<body ng-app="nonStringSelect">
  <select ng-model="model.id" convert-to-number>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>
{{ model }}
</body>

plnkr.co

अन्य उदाहरण:

angular.module('defaultValueSelect', [])
 .controller('ExampleController', ['$scope', function($scope) {
   $scope.availableOptions = [
     { name: 'Apple', value: 'apple' }, 
     { name: 'Banana', value: 'banana' }, 
     { name: 'Kiwi', value: 'kiwi' }
   ];
   $scope.data = {selectedOption : $scope.availableOptions[1].value};
}]);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>
<body ng-app="defaultValueSelect">
  <div ng-controller="ExampleController">
  <form name="myForm">
    <select ng-model="data.selectedOption" required ng-options="option.value as option.name for option in availableOptions"></select>
  </form>  
  </div>
</body>

jsfiddle

Answer 12

इसने मेरे लिए काम किया।

<select ng-model="somethingHere" ng-init="somethingHere='Cool'">
    <option value="Cool">Something Cool</option>
    <option value="Else">Something Else</option>
</select>

Answer 13

मेरे मामले में चूंकि डिफॉल्ट फॉर्म में केस से केस में भिन्न होता है। मैं चयन टैग में एक कस्टम विशेषता जोड़ता हूं।

 <select setSeletected="{{data.value}}">
      <option value="value1"> value1....
      <option value="value2"> value2....
       ......

निर्देशों में मैंने एक स्क्रिप्ट बनाई जो मूल्य की जांच करती है और जब कोणीय भरता है तो उस मूल्य के साथ विकल्प को चयनित करने के लिए सेट करता है।

 .directive('setSelected', function(){
    restrict: 'A',
    link: (scope, element, attrs){
     function setSel=(){
     //test if the value is defined if not try again if so run the command
       if (typeof attrs.setSelected=='undefined'){             
         window.setTimeout( function(){setSel()},300) 
       }else{
         element.find('[value="'+attrs.setSelected+'"]').prop('selected',true);          
       }
     }
    }

  setSel()

})

बस इसे मक्खी पर कम से कम जिस्ट का छेद छेद नहीं तो सही है से इसका अनुवाद किया।

यह सबसे सरल तरीका नहीं है, लेकिन जब मूल्य भिन्न होता है, तो इसे पूरा करें

Answer 14

के जवाब में बेन Lesh का जवाब है, वहाँ इस लाइन होना चाहिए

ng-init="somethingHere = somethingHere || options[0]" 

के बजाय

ng-init="somethingHere = somethingHere || options[0].value" 

अर्थात्,

<select ng-model="somethingHere"
        ng-init="somethingHere = somethingHere || options[0]"
        ng-options="option.name for option in options track by option.value">
</select>

Answer 15

बस ng-selected="true"इस प्रकार उपयोग करें :

<select ng-model="myModel">
        <option value="a" ng-selected="true">A</option>
        <option value="b">B</option>
</select>

Answer 16

मैं मॉडल को कंट्रोलर में सेट करूँगा। तब चयन उस मान के लिए डिफ़ॉल्ट होगा। Ex: html:

<select ng-options="..." ng-model="selectedItem">

कोणीय नियंत्रक (संसाधन का उपयोग करके):

myResource.items(function(items){
  $scope.items=items;
  if(items.length>0){
     $scope.selectedItem= items[0];
//if you want the first. Could be from config whatever
  }
});

Answer 17

यह मेरे लिए काम कर रहा है

ng-selected="true" 

Comments

सबसे अच्छा तरीका है, ng-initक्योंकि आप एक एनजीओमॉडल सेट कर रहे हैं।

— जुआनजो सल्वाडोर

Answer 18

यदि आप ng-optionsरेंडर करने के लिए उपयोग कर रहे हैं तो optionएनजी-मोडल के रूप में एक ही मान डिफॉल्ट चुने जाने से कम है। उदाहरण पर विचार करें:

<select ng-options="list.key as list.name for list in lists track by list.id" ng-model="selectedItem">

तो विकल्प का एक ही मूल्य होने list.keyऔर selectedItemसमय डिफ़ॉल्ट है।

Answer 19

अचूक होने के लिए मुझे डिफ़ॉल्ट "कृपया चयन करें" की आवश्यकता थी। मुझे एक डिफ़ॉल्ट चयनित विकल्प को सशर्त रूप से सेट करने में सक्षम होना चाहिए।

मैंने इसे निम्नलिखित सरलीकृत तरीके से प्राप्त किया: जेएस कोड: // इन 2 का चयन करें चयनित डिफ़ॉल्ट या डिफ़ॉल्ट के साथ कोई डिफ़ॉल्ट परीक्षण करने के लिए "कृपया चयन करें" पाठ //$scope.defaultOption = 0; $ गुंजाइश.defaultOption = {कुंजी: '3', मूल्य: 'विकल्प 3'};

$scope.options = [
   { key: '1', value: 'Option 1' },
   { key: '2', value: 'Option 2' },
   { key: '3', value: 'Option 3' },
   { key: '4', value: 'Option 4' }
];

getOptions();

function getOptions(){
    if ($scope.defaultOption != 0)
    { $scope.options.selectedOption = $scope.defaultOption; }
}

HTML:

<select name="OptionSelect" id="OptionSelect" ng-model="options.selectedOption" ng-options="item.value for item in options track by item.key">
<option value="" disabled selected style="display: none;"> -- Please Select -- </option>
</select>
<h1>You selected: {{options.selectedOption.key}}</h1>         

मुझे आशा है कि यह किसी और की मदद करता है जिसकी समान आवश्यकताएं हैं।

"प्लीज सिलेक्ट" यहां जोफ्री आउटटियर के जवाब के माध्यम से पूरा किया गया था ।

Answer 20

यदि आपके पास दिनांक भाग के बजाय कुछ चीज़ है, तो आप ng-init()इसे अपने नियंत्रक में घोषित करके उपयोग कर सकते हैं , और इसे अपने HTML के शीर्ष में उपयोग कर सकते हैं। यह फ़ंक्शन आपके कंट्रोलर के लिए एक कंस्ट्रक्टर की तरह काम करेगा, और आप वहां अपने वेरिएबल्स को शुरू कर सकते हैं।

angular.module('myApp', [])
 .controller('myController', ['$scope', ($scope) => {
   $scope.allOptions = [
     { name: 'Apple', value: 'apple' }, 
     { name: 'Banana', value: 'banana' }
   ];
   $scope.myInit = () => {
      $scope.userSelected = 'apple'
      // Other initiations can goes here..
   }
}]);


<body ng-app="myApp">
  <div ng-controller="myController" ng-init="init()">
    <select ng-model="userSelected" ng-options="option.value as option.name for option in allOptions"></select>
   </div>
</body>

Answer 21

    <!--
    Using following solution you can set initial 
default value at controller as well as after change option selected value shown as default.
    -->
    <script type="text/javascript">
      function myCtrl($scope)
        {
          //...
            $scope.myModel=Initial Default Value; //set default value as required
          //..
        }
    </script>
    <select ng-model="myModel" 
                ng-init="myModel= myModel"
                ng-options="option.value as option.name for option in options">
        </select>

Answer 22

अपने कोणीय नियंत्रक में यह प्रयास करें ...

$ someHere = {name: 'समथिंग कूल'};

आप एक मान सेट कर सकते हैं, लेकिन आप एक जटिल प्रकार का उपयोग कर रहे हैं और कोणीय आपके दृश्य में सेट करने के लिए कुंजी / मान खोजेगा।

और, अगर काम नहीं करता है, तो यह कोशिश करें: ng-options = "option.value as option.name विकल्प में विकल्प के लिए ट्रैक।

Answer 23

मुझे लगता है कि सबसे आसान तरीका है

 ng-selected="$first"

Comments

यह उत्तर शून्य संदर्भ प्रदान करता है।

— pspahn