AngularJS का उपयोग करके, मैं <select> तत्व को एक विशेषता के साथ

Question

के माध्यम से अपडेट करने के लिए कैसे एक बाध्यता कर सकता हूं मेरे पास एक डिस्प्ले नियंत्रक और प्रबंधन नियंत्रक है। मेरे डिस्प्ले कंट्रोलर के अंदर, मेरे पास चुने गए आइटमों की सूची के साथ एक ड्रॉपडाउन चयनकर्ता है।

मैं सूची को अद्यतन करने के लिए डिस्प्ले एरिया ड्रॉपडाउन प्राप्त कर सकता हूं, आइटम प्रबंधन प्रबंधन में जोड़े गए हैं, लेकिन मैं यह नहीं समझ सकता कि ड्रॉपडाउन में नवीनतम आइटम का चयन कैसे करें।

<div ng-controller="MyDisplayCtrl"> 
    <select ng-model="item" ng-options="i.name for i in items"> 
    </select> 
</div> 

मैंने अपनी स्थिति को स्पष्ट करने के लिए एक jsfiddle बनाया है। आखिरकार, मेरा सवाल यह है कि उस एनजी-मॉडल = "आइटम" को किसी सेवा द्वारा अपडेट किए गए डेटा स्रोत से कैसे बांधें।

http://jsfiddle.net/whtevn/mUhPW/2/

Answer 1

ठीक है, ऐसा लगता है कि मैं इस के लिए एक बहुत संतोषजनक जवाब मिल गया है।

मैं नियंत्रक के माध्यम से भंडारण वस्तु ही उजागर

function MyDisplayCtrl($scope, ItemStore) { 
    $scope.items = ItemStore.items; 
    $scope.item = ItemStore.currentItem; 

    // expose the itemstore service to the dom 
    $scope.store = ItemStore 

    $scope.getItem = function(){ 
     return(ItemStore.currentItem); 
    } 
} 

और फिर CurrentItem संबोधित सीधे

<div ng-controller="MyDisplayCtrl"> 
    <select ng-model="store.currentItem" ng-options="i.name for i in items"> 
    </select> 
</div> 

http://jsfiddle.net/whtevn/Cp2RJ/3/

Answer 2

ng-options उपयोग करके देखें:

<div ng-controller="MyDisplayCtrl"> 
    <select ng-options="i.name for i in items"></select> 
</div> 

देखें: http://docs.angularjs.org/api/ng.directive:select