如何将选定的ng-options选项的名称更改为自定义?

时间:2016-10-13 14:30:55

标签: javascript angularjs ng-options angularjs-ng-options angularjs-select

以下代码将为id执行选项名称。

<select ng-model="vm.ships" ng-change="vm.updateShip()"  data-ng-options="ship as ship._id for ship in vm.readyships">

问:如何使名称成为“发货ship.id已准备就绪(ship.to)”?

是否可以使用ng-options?

想要的结果:

<option value="0" selected="selected" label="57e261">ship 57e261 is ready (sweden) </option>

更新:

变量ship.to是可用的

3 个答案:

答案 0 :(得分:1)

您已经在data-ng-options的标签部分执行了所需操作。为了获得完整的标签,您可以在附加文本上进行连接:

<select ng-model="vm.ships" ng-change="vm.updateShip()"  data-ng-options="ship as ('ship' + ship._id + ' is ready (' + ship.to + ')') for ship in vm.readyships">

除了文档之外,这个previous answer总结了您对ng-options的不同选择。

答案 1 :(得分:0)

如果toarray的一部分,则可能。

ng-options="obj as obj.to for obj in results"

答案 2 :(得分:0)

假设ship.to存在:

<select ng-model="vm.ships" ng-change="vm.updateShip()" data-ng-options="ship as ship._id + ' is ready (' + ship.to + ')' for ship in vm.readyships">