angularjs - AngularJS：如何获取选择的值和标签？

Question

我正在使用带有 ng-model 属性的选择标签。我得到了 ng-model 中选定元素的值。怎么可能还获得所选元素的标签。我想检索标签及其值。谢谢。

Answer 1

我猜你要么使用 ng-repeat 来创建你的选择，要么在模板中手动输入它们。如果您在同一模型中设置标签和值，这是可能的。如果你有：

$scope.choices = {
    "choiceone" : "The first Choice",
    "choicetwo" : "The second Choice",
    "choicethree" : "The third Choice"}

您可以像这样实现它们：

<select ng-model="choice">
    <option ng-repeat="(key, value) in choices" value="{{key}}">{{value}}</option>
</select>

但是，这不是使用 select 指令的最佳方式（假设您正在这样做）。select 指令有一个 ng-options 属性，它以更简洁的方式定义了值和标签。我已经在此主题上编辑了文档的示例 Plunkr，包括此处 ngRepeat 的示例用法：http ://plnkr.co/edit/sjQuhlgBh8WWJJoaSSMG?p=preview

在此处查看有关 ng-options 属性的文档：http ://docs.angularjs.org/api/ng.directive:select