Javascript 如何在下拉列表中为选项添加附加值，以及如何在angular js 1.x中选择该选项时获取该值

我在jQuery中有以下代码。我想知道在AngularJS1.x版本中，上面的等效代码是什么

<select id="select">
  <option value="1" data-foo="dogs">this</option>
  <option value="2" data-foo="cats">that</option>
  <option value="3" data-foo="gerbils">other</option>
</select>

---

使用

angularjs

时，不需要使用

jQuery

要在下拉列表中获取所选值，您需要使用建模

选择

，然后该值将动态显示在那里。这就是angularjs的魅力所在

此外，如果您对动态添加选项感兴趣，最好使用它。并在需要添加其他选项时推入阵列。该选项将添加到

选择中。另一件美丽的
angularjs

这里


angular.module（'app'，[]）.controller（'ctrl'，function（$scope）{
$scope.options=[{value:1，attr:“dogs”}，{value:2，attr:“cats”}，{value:3，attr:“沙鼠”}]；
$scope.data=$scope.options[0]
$scope.select=1；
$scope.add=函数（）{
$scope.options.push（{value:$scope.options.length+1，attr:'option'}）
};
$scope.getFoo=函数（）{
$scope.data=$scope.options.find（o=>o.value==$scope.select）
}
})

{{option.attr}}
添加选项
{{data.value}}
{{data.attr}
将值添加到作为ng repeat的数据源提供的模型中，并将ng model设置为dropdown。然后使用ng model获取dropdown的值。
这可能会帮助您了解如何使用ng model

谢谢，我有一个疑问是，使用型号名称“select”我仅获取该选项的值如何获取所选选项的数据foo值？如果您想要为所选标记获取

data foo

。在选项中使用此值，如

value=“{{option.attr}}”

我的意思是，我想在显示选定选项数据foo值的同时，显示{{select}}//selected option值。