无法在angularjs下拉列表中设置选定值

Question

我正在使用html下拉列表并绑定来自angularjs功能的值，如下所示的值

function getStates() {
return [
    {
        "name": "Alabama",
        "abbreviation": "AL"
    },
    {
        "name": "Alaska",
        "abbreviation": "AK"
    }];
}

我的下拉列表是

<select class="form-control" 
        ng-model="user.state" name="state"
        ng-options="item.name for item in  states track by item.abbreviation">
   <option value="">-- choose State --</option>
</select>

在我的范围变量 user.state 中，我得到了一个由某个函数预加载的缩写值，根据该缩写值，下拉列表的选定值应显示在html页面中。

欢迎有价值的评论......

Answer 1

您需要正确的ngOptions语法value as text for item in collection

ng-options="item.abbreviation as item.name for item in states"