angularjs - 用于插值标签和值的 ng-options

Question

我有一个数组

terms = [5,10,15,20,25]

我正在尝试在 select 语句中使用 ng-options

<select ng-model="myNumbers" ng-options="term + ' years' as term for term in terms">

产生

<option value="?"></option>
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>    

我想要它产生的是

<option value="5">5 years</option>
<option value="10">10 years</option>
<option value="15">15 years</option>
<option value="20">20 years</option>
<option value="25">25 years</option>

基本上试图解决 3 个问题。

1. 正确设置标签(5年等)
2. 正确设置值(value="5"等)
3. 删除初始空白选项(从 5 开始)

Answer 1

简单调整即可将字符串移动到 as 部分

<select  ng-options="term  as term + ' years' for term in terms"></select>

DEMO