Angularjs、select 框总是首先创建空白选项

Question

我在使用 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 时，它会自动生成 'blank option'。

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

Angular JS Remove Blank option from Select Option

Why does AngularJS include an empty option in select?

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

我该如何解决这个问题？

这是我的 fiddle。

Select box create blank option

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

Answer 1

<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 来选择第一个元素。

Answer 2

试试这个

HTML代码-

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

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

工作Jsfiddle

Angularjs、select 框总是首先创建空白选项

Angularjs, select Box create blank option at first always

javascript

jquery-selectbox

angularjs

angularjs-ng-repeat

angularjs-ng-model