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

Question

以下代码将为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是可用的

Answer 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的不同选择。

Answer 2

如果to是array的一部分，则可能。

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

Answer 3

假设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">