3

我遇到了一些问题selectbox。

在我的原始代码中，我通过$http调用接收到一个对象，如下所示。

[
    {key:'user_id', value:'ID'},
    {key:'user_name', value:'Name'},
    {key:'user_gender', value:'Gender'},
    {key:'user_phone', value:'Phone'},
    {key:'user_email', value:'Email'},
    {key:'user_birth', value:'Birthday'},
];

当我尝试将此对象的值放入option时，它会自动生成“空白选项”。

为了解决这个问题，我看到了两个帖子

Angular JS 从选择选项中删除空白选项

为什么 AngularJS 在选择中包含一个空选项？

但这些的任何解决方案都无法帮助我。

我怎样才能解决这个问题？

这是我的小提琴。

选择框创建空白选项

我会等待一些英俊或漂亮的开发人员来解决我的问题。:)

4

2 回答 2

4

尝试这个

HTML 代码 -

<select ng-options="opt as opt.value for opt in searchOpt.option" ng-model="searchOpt.selected">
    </select>

ngOptions 属性可用于使用通过评估 ngOptions 理解表达式获得的数组或对象为元素动态生成元素列表

工作Jsfiddle

于 2017-09-21T04:17:49.110 回答
3 
<select ng-model="itemSelected">
  <option
      ng-repeat="item in data" value="{{ item.key }}"
      ng-selected="{{item.key === itemSelected}}">
    {{ item.value }}
  </option>
</select>

https://plnkr.co/edit/QthDhkvku8UvcVHaWcGG?p=preview

检查代码。在您选择的第一个元素的选项中使用 ng-selected。

于 2017-09-21T03:51:50.233 回答