ng-option track by group name 打破了选择

Question

我有一个带有分组 ng 选项的下拉选择。用户应该能够在输入字段中动态更改组名的命名。在更改组名称值时，除非您进行新选择，否则不会更新 select 指令。

我通过按组名使用跟踪来解决此问题，但现在选择下拉菜单已损坏。请注意，您选择的选项不是实际选择的选项。

有没有办法同时拥有动态更新的组名和工作选择？

 <select ng-options="player.name group by player.team for player in players track by player.team" ng-model="systemType.tertiaryEquipment"></select>

这是 jsfiddle：http://jsfiddle.net/07woeam8/2/

Answer 1

您有多种选择，但需要权衡取舍。

首先，弄乱您的选择的是track by 表达式，它不应该是player.team，因为您没有选择团队。它应该是player.name 或什么都没有。请记住，player.name 的跟踪将使select 对象中的组无法实时更新。

其次，如果您希望选项菜单中的组动态更改，您需要更改整个$scope.players 对象，而不仅仅是更改其中的字符串值。例如，您可以使用angular.copy：

$scope.change = function() {
  var copy = angular.copy($scope.players);
  copy[0].team = 'betsdfhsk';
  $scope.players = copy;
};

这提出了您需要考虑的其他权衡。如果您没有在第一个选项中使用track by player.name，则完全更改对象引用也会使您选择的对象无效。

但这里有一个working fiddle。