Angular-UI UI-Select停止将活动类应用于第一个项目的默认行为

时间:2017-01-24 00:18:52

标签: angular-ui ui-select

当最初显示选项时,第一个项目已应用活动类。

对我来说,如果没有切换搜索,这很有道理,尽管如果用户主要使用搜索功能的意图,应用活动类似乎很笨 - 特别是如果你使用分组项目并将自定义样式应用于drop内容。

仍然需要使用箭头键浏览项目的功能,但只应在用户启动时显示。

似乎没有任何方法可以阻止此默认行为存在,我只是想找到一种初始状态为无活动项的方法。

2 个答案:

答案 0 :(得分:1)

使用父元素上的uis-open-close属性,我可以从下拉列表的第一项中删除活动的类。

在模板中定义属性:

let newObject = Cell()

然后在控制器中将activeIndex设置为-1:

<ui-select theme="selectize" uis-open-close="$ctrl.setActiveIndex($select)">

答案 1 :(得分:0)

我有类似的需求,我只是在主要元素的焦点上设置$ select.activeIndex = -1。这会在加载下拉列表时停止正在设置的活动类的默认行为