2

カテゴリごとに API 呼び出しを行うことで、食品の種類のリストを出力しています。カテゴリ内の食品には、次の JSON 構造があります。

{"uid":"56",
 "title":"Nussbrot",
 "code":"X 39 2000000",
 "final_factor":"0",
 "sorting":"0",
 "unit":[
   {"title":"Scheiben",
    "gram":"45",
    "max":"100"
   },
   {"title":"Messerspitzen",
    "gram":"250",
    "max":"12"}
   ]
  }

ループして値をテンプレートに出力しています。問題ない。「単位」の値を選択ボックスに出力しています。

  <option ng-repeat="title in food.unit">{{ title.title }}</option>

そして、私は現在、次のように各食品の最初の単位のグラムとタイトルを印刷しています:

<div class="max">Max is: {{ food.unit[0].max }}</div>
<div class="grams">Grams is: {{ food.unit[0].gram }} </div>

現在選択されている単位の最大値とグラム数を出力するように、これを動的にするにはどうすればよいですか?

これが私のPlunkrです。

4

2 に答える 2

0

you can fist of all handle the selected item with the ng-selected:

http://docs.angularjs.org/api/ng.directive:ngSelected

<select>    
<option ng-repeat="title in food.unit" ng-selected="selectedIndex=$index">{{ title.title }}</option>
</select>


<div class="max">Max is: {{ food.unit[selectedIndex].max }}</div>
<div class="grams">Grams is: {{ food.unit[selectedIndex].gram }} </div>

This should propably work ;) Havn't tryed it yet!

于 2013-11-01T15:16:42.533 に答える