在角度上，如何从选择选项值显示内容/文本？
在角度上，如何从选择选项值显示内容/文本？
提问于 2015-11-27 19:35:25
如何在选择列表中显示选项的内容/文本？例如，您有{{ data.singleSelect }}显示选项的value，但是如何使用它来显示该选项的内容/文本？
柱塞上的代码- http://plnkr.co/edit/cCAHfWL275EZTZt9epUR?p=preview：
<body ng-app="staticSelect">
<div ng-controller="ExampleController">
<form name="myForm">
<label for="singleSelect"> Single select: </label><br>
<select name="singleSelect" ng-model="data.singleSelect">
<option value="option-1">Thing 1</option>
<option value="option-2">Thing 2</option>
</select><br>
<tt>singleSelect = {{data.singleSelect}}</tt>
<p>Update above so 'Thing 1' or 'Thing 2' displayed instead of 'option-1' or 'option-2'</p>
</form>
</div>
</body>我希望将选项的标记保存在HTML中。(如果这违反了最佳实践，请告诉我)。并希望保留该选项中的值，以便它们可以用作筛选器。
回答 5
Stack Overflow用户
回答已采纳
发布于 2015-11-27 19:46:06
在控制器中
$scope.options = [
{
name: "Thing 1",
value: "option-1"
},
{
name: "Thing 2",
value: "option-2"
}
];HTML
<select ng-model="data.singleSelect" ng-options="option as option.name for option in options"/>你的价值
{{data.singleSelect.name}}Stack Overflow用户
发布于 2015-11-27 19:42:59
在你的控制器里
$scope.allData = {
'option-1': 'Thing 1',
'option-2': 'Thing 2'
}在HTML中
<tt>singleSelect = {{allData[data.singleSelect]}}</tt>Stack Overflow用户
发布于 2015-11-27 19:42:47
您可以省略option的value属性。
<body ng-app="staticSelect">
<div ng-controller="ExampleController">
<form name="myForm">
<label for="singleSelect"> Single select: </label><br>
<select name="singleSelect" ng-model="data.singleSelect">
<option>Thing 1</option>
<option>Thing 2</option>
</select><br>
<tt>singleSelect = {{data.singleSelect}}</tt>
<p>Update above so 'Thing 1' or 'Thing 2' displayed instead of 'option-1' or 'option-2'</p>
</form>
</div>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33963851
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号