javascript - 可见 ngOption 值的多个属性

Question

我有一个类似这样的对象:

$scope.division = [
  {
    name: "Tom",
    number: 1
  },
  {
    name: "Greg",
    number: 2
  }
];

现在在我的 HTML 中，我使用 ngOption 来显示一个下拉菜单，其中填充了对象的值。

<select data-ng-model="game.player1" data-ng-options="player.name for player in division">
  <option value="" disabled="true">Player 1</option>
</select>

这会按预期显示名称下拉列表。但是，我想在下拉列表中实际显示姓名和号码。因此，例如，如果我对其进行硬编码:

<option>1 - Tom</option>
<option>2 - Greg</option>

我尝试过各种方法，包括像这样的方法:

data-ng-options="player.number player.name for player in division"

但似乎没有任何效果。

Answer 1

你应该能够像这样连接:

ng-options="(player.number + ' - ' + player.name) for player in division"