插值标签和值的ng-options

时间:2015-08-13 22:20:00

标签: angularjs ng-options

我有一个数组

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

我试图在ng-options声明中使用select

<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. 正确设置label5 years等)
  2. 正确设置valuevalue="5"等)
  3. 删除初始空白选项(从5开始)

1 个答案:

答案 0 :(得分:5)

将字符串移动到as部分

的简单调整
<select  ng-options="term  as term + ' years' for term in terms"></select>

DEMO