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

标签 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 ship.id is read (ship.to)”?

这是否可以通过 ng-options 来实现?

想要的结果:

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

更新:

变量ship.to可用

最佳答案

您已经在 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 的不同选项。

关于javascript - 如何将选定的 ng-options 选项的名称更改为自定义名称?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40023886/

相关文章:

javascript - 当用户按回车键时,如何防止清除文本字段

javascript - 合并两个数组,使值交替

javascript - 用作事件处理程序和初始化的 jQuery 函数

javascript - Angular JS 依赖注入(inject)——最佳实践

javascript - 在 Angular JS 中单击按钮时将 View 从一个页面切换到另一页面

javascript - JavaScript 中的 Eratosthenes 算法的筛法为大量运行无穷无尽

javascript - $state.go() 不路由到其他状态,url 中的 #/null

angularjs ng-options 从选项数组中选择作为自定义对象

javascript - 如何使用 ng-options 在选择框中选择默认时间值

javascript - Angular ng-选项 : iterate over a number array for displaying content of an other array but having index chosen in ng-model