代码之家 › 专栏 › 技术社区 › Canet Robern Icycool

Angularjs,首先选择框创建空白选项始终

jquery-selectbox angularjs-ng-model angularjs-ng-repeat angularjs javascript

Canet Robern Icycool · 技术社区 · 7 年前

我有一些问题 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 Remove Blank option from Select Option

Why does AngularJS include an empty option in select?

但这些问题的任何解决方案都帮不了我。

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

这是我的小提琴。

Select box create blank option

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

2 回复 | 直到 7 年前

Manoj Patidar 7 年前

HTML代码-

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

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

工作 Jsfiddle

Mahfuz Shishir 7 年前

<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

推荐文章

Yeenkash · 我的angular ng repeat div在浏览器中添加了注释[关闭]

7 年前

mBo · Angularjs svg图形ng在范围内重复

7 年前

Harish Kumar · angular js:单击products list build内数量增加和减少按钮的事件,ng repeat反映每个列表数量编号

7 年前

Juan I. Morales Pestana · 错误:[$注入器:unpr]rangeFilterProvider中出错

7 年前

ASP.net and angularjs · 无法从代码中看到使用AngularJS动态创建的文本框的值

7 年前

amacdonald · 如果长度>0时正确显示,但长度==0时不显示,则为ng

7 年前

user9130953 · ng repeat下拉列表,以限制多次选择相同的值

7 年前

Ro_nair · 具有Angular JS和MySql的表显示重复的中继器键

7 年前

Celia · ng模型的Angularjs动态名称

7 年前

Güney SaramalÄ± · 如果动态加载页面,则Ng repeat不起作用

7 年前