Utilizzando AngularJS, come si associa un elemento a un attributo che si aggiorna tramite un servizio

Question

Ho un controller di visualizzazione e un controller di gestione. All'interno del mio controller del display, ho un selettore a discesa con l'elenco degli elementi che sono stati selezionati.

È possibile ottenere il menu a discesa dell'area di visualizzazione per aggiornare l'elenco, aggiungendo gli elementi man mano che vengono aggiunti nel controller di gestione, ma non riesco a capire come selezionare l'elemento più recente nel menu a discesa.

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

Ho fatto un jsfiddle per illustrare la mia situazione. In definitiva, però, la mia domanda è come associare quel ng-model = "item" a un'origine dati aggiornata da un servizio.

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

Answer 1

Beh, sembra che ho trovato una risposta abbastanza soddisfacente a questo.

esposi l'oggetto di archiviazione stesso attraverso il controllore

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); 
    } 
} 

e quindi risolvere il CurrentItem direttamente

<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

Prova utilizzando ng-options:

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

Vedi: http://docs.angularjs.org/api/ng.directive:select