<select>使用ng-options查询</select>显示多个字段

时间:2014-05-21 20:04:01

标签: javascript html angularjs

目前,我有一个由以下查询填充的angular.js <select>

c.ip for c in cameras track by c.idCamera

它会在<select>上产生类似的内容:

<option value="1">192.168.0.121</option>
<option value="2">192.168.0.122</option>
<option value="3">192.168.0.123</option>
... 

我的$scope有一个相机列表,我可以看到IP,但我想使用两个字段作为标签 - 让我们说相机的 IP 输入

我正在寻找产生这样的输出的方式:

<option value="1">192.168.0.121 - ZOOM</option>
<option value="2">192.168.0.122 - PAN </option>
<option value="3">192.168.0.123 - ZOOM</option>
... 

我目前正在使用angular.js beta 6,如果这对此事有任何额外影响。

2 个答案:

答案 0 :(得分:4)

ngOptions指令中的label与所有其他指令一样。它可以像你想要的那样复杂:

<select ng-model="myCamera" ng-options="(c.ip + ' - ' + c.type) for c in cameras track by c.idCamera"></select>

答案 1 :(得分:1)

你可以这样做:

(c.ip + ' ' + c.yourField) for c in cameras track by c.idCamera