javascript form AngularJS を使用して、サービスを介して更新される属性に<select> 要素をバインドする方法



angularjs form 値 取得 (2)

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

私はストレージオブジェクト自体をコントローラを通して公開しました

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/

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

表示領域のドロップダウンを取得してリストを更新し、管理コントローラに追加された項目を追加することができますが、ドロップダウンで最新の項目を選択する方法を見つけることができません。

<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/






angularjs