代码之家 › 专栏 › 技术社区 › Steve

uigrid从下拉过滤器中移除初始空白选项

angularjs-filter angular-ui-grid angularjs

Steve · 技术社区 · 7 年前

这是我的用户界面网格的截图。

下面是创建该筛选器的代码。

{ field: 'channel_type', displayName: "Type", filter: {
                                        type: uiGridConstants.filter.SELECT,
                                        selectOptions: [
                                            { value: 'HD', label: 'HD' },
                                            { value: 'SD', label: 'SD' }
                                        ]
                                    }},
            { field: 'price', displayName: "Price", enableFiltering: false, enableSorting: false},

我的数据是从rest api调用加载到uigrid中的。

我真的想不出它是从哪里添加的空白选项。我还没有找到解决这个问题的办法。请帮我解决这个问题。

1 回复 | 直到 7 年前

Maxim Shoustin 7 年前

这是一个众所周知的问题 ui-grid issues

解决方案(解决方法)是添加一些自定义样式:

#grid1 div div select option:first-child[value=""] {
   display: none;
}

Demo Plunker

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前