无法在 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 页面中。

欢迎有价值的cmets...

Answer 1

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

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