Forms 如何在所选选项中使用名称

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

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

我用{{electionEventId}}捕捉所选项目的值，但是我也想要这个选举的名称，而不需要实现另一个请求。有人能帮我吗

---

谢谢

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

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

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

我相信您必须遍历

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;
};

我还没有测试过，但我很确定它能用

---

，因此我将该行放在循环函数中：）

删除部分

选项。值为
并且
electionEventId
将被分配一个对象