javascript - Angular 选择绑定(bind)字典

Question

我尝试将 an 的选项绑定(bind)到字典:

<select ng-model="vm.incident.State" ng-options="key for (key,value) in vm.stateOptionSet" style="width: 250px;">

到目前为止，一切正常，但是当我使用它时:

<select ng-model="vm.incident.State" ng-options="key as value for (key,value) in vm.stateOptionSet" style="width: 250px;">

选择框未选择适合 ng-model 的条目。

谁能告诉我出了什么问题吗？

Answer 1

您的两个示例都有效。看看我的例子:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="" ng-controller="customersController">
  <select ng-model="selection" ng-options="key for (key,value) in optionSet" style="width: 250px;"></select>
  <select ng-model="selection" ng-options="key as value for (key,value) in optionSet" style="width: 250px;"></select>
  <br />Selection: {{selection}}
</div>
<script>
  function customersController($scope) {
    $scope.selection = {};
    $scope.optionSet = {
      key1: "value1",
      key2: "value2"
    };
  }
</script>

也许您忘记了必须关闭选择标签。