Javascript 我需要在这个角度下拉列表中获取当前所选选项的值

我有一个页面，上面有很多食物。对于每种食物，用户可以从单位列表中选择，并使用AngularUI滑块输入数量

我想构建一个数组，由页面上输入值的食物项组成，包括这些值。目前，这正用于获取食物的价值。滑块：

模板：

 <div ui-slider="{range: 'min'}" min="0" max="50" ng-model="food.slider" ng-change="addSelection(food)">

更改“单位”下拉列表也可以将食物添加到editedFood数组中，但它不会传递选定单位的值。如何获取当前所选食物单位选项的标题或索引，并在editedFood数组中自动进行此更新？我在以下方面尝试了许多变化：

 <select ng-options="unit.title for unit in food.unit" ng-model="food.unit.selected" ng-change="addSelection(food, unit.selected)"></select>

更新：

我可能要处理的一个问题是，我在输入元素中使用了两种不同的模型：滑块中的food.slider（工作）和选择中的food.unit.selected（不工作）

---

我试图实现的是：如果滑块或下拉列表发生更改，我想知道滑块（food.slider）和select（food.unit.selected）的当前状态，并在editedFood数组中跟踪它们。这适用于通过food.slider进行输入，但不适用于food.unit.selected select。

似乎您有逻辑问题……您只添加到数组中，如果用户再次更改，您不需要也删除该怎么办？我真的不清楚你在问什么，虽然这与通过Ajax加载大量项目的页面有关，我将使用此数组跟踪用户与之交互的所有元素，以在元素重新加载后保持状态。我要问的是如何将所选选项的值传递给我的addSelection（）函数，以便我的数组包含此信息。从为select设置的模型中获取它……它已经在你的

食品
对象中
食品.unit.selected
。尝试登录
food
来安慰你，你会看到它已经在那里了。谢谢你指出了我完全没有想到的简单、显而易见的解决方案。我在踢自己。建议从小处开始…创建一个没有任何
ng repeat
、AJAX等的食物显示元素。在沙箱中找出单个模块，然后集成到更大的图片中。打开手风琴、等待装载物等处理较小的物品所需的时间太长
 <select ng-options="unit.title for unit in food.unit" ng-model="food.unit.selected" ng-change="addSelection(food, unit.selected)"></select>