javascript - AngularJS Select with ng-options 绑定(bind)到对象而不是属性

Question

我正在尝试将选择列表绑定(bind)到 ng-model 州缩写值.. 例如阿拉斯加的“AK”。初始选择显然不起作用，因为 ng-model 被设置为字符串而不是对象。我四处寻找，其他人都有这个问题，但我还没有找到有效的解决方案。

我的 Controller 有以下代码

  $scope.states =
            [
            {
                "name": "Alabama",
                "abbreviation": "AL"
            },
            {
                "name": "Alaska",
                "abbreviation": "AK"
            },
            {
                "name": "Arizona",
                "abbreviation": "AZ"
            }];

  //I want the model to be the abbreviation string
  $scope.state = "AK";

这是标记

<select class="form-control m-b" data-placeholder="Select Location" 
required=""  ng-model="state" 
ng-options="state as state.name for state in states track by state.abbreviation">
                            </select>

    <p>Selected State {{state}}!</p>

这是一个显示我在说什么的 plnkr

https://plnkr.co/edit/IzDY4GrOxJSaMV2MMP30

Answer 1

你可以使用

$scope.state.abbreviation

获取所选状态对象的缩写。

plkr solution

或

您可以将 ng-options 更改为

ng-options="state.abbreviation as state.name for state in states track by state.abbreviation"