forms - 我如何在所选选项中取名

Question

当我选择其中一个选项时，我想在选择输入表单中显示名称。我这样创建选择：

<select ng-model="electionEventId" ng-options="option.value as option.name for option in electionEvents">
</select>

我用 {{electionEventId }} 捕获了所选项目的值，但我也想要这次选举的名称，而没有意识到另一个请求。¿ 有人可以帮助我吗？

谢谢

Answer 1

您可以在模型中绑定整个对象：

<select ng-model="electionEvent" ng-options="option as option.name for option in electionEvents">
</select>

Answer 2

与此处的其他答案相比，我的答案似乎有点过于冗长，但我希望它有所帮助！

我相信您将不得不遍历electionEvents寻找value属性等于的选项electionEventId。

例如，将此功能添加到您的控制器：

$scope.getElectionEventName = function() {
  var name;
  angular.forEach( $scope.electionEvents, function( option ) {
    // Don't process if the name has already been found
    name != null && return;

    if ( option.value === $scope.electionEventId ) {
      name = option.name;
    }
  });

  return name;
};

我还没有测试过，但我很确定它有效！
不幸的是，没有如何break循环，所以我把那行放在循环函数中:)