AngularJS：如何获得选择的价值和标签？

Question

我正在使用带有ng-model属性的select标签。我在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 attibute上的文档：http://docs.angularjs.org/api/ng.directive:select