javascript - 如何将选定的 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 ship.idis ready ( 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">

除了文档之外，这个先前的答案总结了您拥有的不同选项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">