html - Angular.js select looses focues option when $scope.$apply() -

मेरे पास एक बिल्कुल सीधा तत्व चुनें तत्व है:

  & lt; select id = " SelectConvert "selectmodel =" currencyPair "class =" select "ng- मॉडल =" मुद्रा पीएआर "ng-options =" ​​ft.id के रूप में सामग्री में फीट के लिए ft.name "ng-change =" currencyPairChange (currencyPair) "& gt; & Lt; / चयन & gt;  

जब मैं चयन ड्रॉप डाउन करता हूं, तो किसी भी अन्य विकल्प पर पहले ध्यान दें और फिर नियंत्रक $ दायरे को कॉल करता है। $ लागू (), फ़ोकस पहले विकल्प पर स्वचालित रूप से वापस जा रहा है। / P>

मुझे इस तरह के व्यवहार से बचने के लिए कोई सुराग नहीं है किसी भी मदद की जोरदार सराहना की।

यह काम कर रहा है मुझे यह विचार मिला यहां है।

  & lt; div ng-app & gt; & Lt; div ng-controller = "SelectCtrl" & gt; {{Rate}} & lt; id = "selectRate" ng- मॉडल = "rate" डेटा-एनजी-क्लिक = "निलंबित (स्कोर) ()" & gt; & Lt; विकल्प ng- दोहराने = "दर चार्ट में फीट" मान = "{{ft.id}}" & gt; {{ft.name}} & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; / div & gt;  

JS:

  फ़ंक्शन selectCtrl ($ scope, $ interval) {//$scope.rate='S ' ; $ Scope.rateChart = [{आईडी: 'एस', नाम: 'खरीद दर'}, {आईडी: 'के', नाम: 'विक्रय दर'}, {आईडी: 'आर', नाम: 'औसत दर'} ]; सेट इन्टरवाल (फ़ंक्शन () {$ दायरा। $ लागू ();}, 2000); }