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时，它会显示“空白”选项＆＃39;自动。

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

Angular JS Remove Blank option from Select Option

Why does AngularJS include an empty option in select?

但是这些解决办法对我没有帮助。

我该如何解决这个问题？

这是我的小提琴。

Select box create blank option

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

Answer 1

试试这个

HTML代码 -

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

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

工作Jsfiddle

Answer 2

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

Angularjs，首先选择Box创建空白选项

2 个答案: