这是我的下拉列表:
<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>