AngularJSを使用して、<select>要素をサービス経由で更新する属性にバインドする方法

Question

私はディスプレイコントローラと管理コントローラを持っています。私のディスプレイコントローラの中には、選択されている項目のリストを持つドロップダウンセレクタがあります。

リストを更新するための表示領域のドロップダウンが表示され、管理コントローラで追加された項目が追加されますが、ドロップダウンリストで最新の項目を選択する方法がわかりません。

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

私は自分の状況を説明するためにjsfiddleを作成しました。最終的には、私の質問は、そのng-model = "item"をサービスによって更新されたデータソースにバインドする方法です。

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

Answer 1

私はこれまで、かなり満足のいく答えを見つけたようまあ、それが見えます。

Iは

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