插值标签和值的 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个问题。

正确设置 label（5 years 等）
正确设置 value（value="5" 等）
删除初始空白选项（从 5 开始）

Answer 1

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

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

DEMO

插值标签和值的 ng-options

ng-options for interpolated label and value

angularjs

ng-options