AngularJS中的Dropdown有正确的文本,但有错误的值



这是我的下拉列表:

<select class="form-control form-controls input-sm" ng-model="vm.retailer.state" ng-options="state.code as state.name for state in vm.states" required>
    <option value="">-- Select a State --</option>
</select>

这只是数据中的第一个状态:

  "State": [
    {
      "code": "AL",
      "name": "Alabama"
    },

以下是HTML中呈现的内容:

<select class="form-control form-controls input-sm ng-pristine ng-invalid ng-invalid-required ng-touched" ng-model="vm.retailer.state" ng-options="state.code as state.name for state in vm.states" required="">
    <option value="" class="">-- Select a State --</option>
    <option value="0" label="Alabama">Alabama</option>
    ...
</select>

我一直在看其他或多或少都在问同样问题的帖子,但什么都不起作用。我已经在加载状态的方法上设置了一个断点,我可以确认Code和Name都在要发送到视图的数组中。

终于找到了一个答案正确的帖子。我错过了"按州跟踪。代码"。这就成功了。

<select class="form-control form-controls input-sm" ng-model="vm.retailer.state" ng-options="state.code as state.name for state in vm.states track by state.code" required>
    <option value="">-- Select a State --</option>
</select>

最新更新