前端之家收集整理的这篇文章主要介绍了
如何使用AngularJS获取选项文本值？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我试图使用AngularJS
获取一个选项列表的文本值
这里是我的代码片段
<div class="container-fluid">
Sort by:
<select ng-model="productList">
<option value="prod_1">Product 1</option>
<option value="prod_2">Product 2</option>
</select>
</div>
<p>Ordered by: {{productList}}</p>
{{productList}}返回选项的值，例如：prod_1。我试图得到文本值’产品1’。有没有办法做到这一点？
@H_
404_8@
最好的
方法是在select元素上使用ng-options指令。
控制器
function Ctrl($scope) {
// sort options
$scope.products = [{
value: 'prod_1',label: 'Product 1'
},{
value: 'prod_2',label: 'Product 2'
}];
}
HTML
<select ng-model="productList"
ng-options="product as product.label for product in products">
</select>
这将绑定所选的产品对象到ng-model属性 – productList。之后，您可以使用：
<p>Ordered by: {{productList.label}}</p>
jsFiddle：http://jsfiddle.net/bmleite/2qfSB/
