如何手动切换angular-ui-select下拉菜单(SINGLE Select)

时间:2016-01-18 03:45:59

标签: javascript jquery angularjs

我的问题与问题How to manually toggle angular-ui-select dropdown相同,但就我而言,我只使用单一选择功能。

通常,我使用AngularUI的ui-select在页面上创建单一选择。当用户点击页面上的按钮时,我需要能够打开下拉列表。

我尝试过使用jQuery' .click().trigger('click'),但他们无法正常使用。

此弹射器已与Singe Select选项分叉:

  

http://plnkr.co/edit/0OKTgpURgAk7CCG0GIxC?p=preview

如何从ui-select元素的上下文外部手动切换下拉列表?

更新

  • 在这个plunker(plnkr.co/edit/7wXP6cSqPaDlvhEbkNau?p=preview)中,ui-select的版本是0.9.x,他们使用按钮来激活事件,我们可以使用{{1 }} (感谢@sdfacre提供此帮助)

  • 新版本的ui-select为0.13.2,他们使用$("#"+attrs.openMenuByClick).find('button').click();代替<span>,那么在使用<button>时如何调用ng-click函数没有使用指令?

  

http://plnkr.co/edit/0OKTgpURgAk7CCG0GIxC?p=preview

1 个答案:

答案 0 :(得分:1)

似乎单选,切换控件位于按钮上而不是输入。

所以,试试这个

$("#"+attrs.openMenuByClick).find('button').click();

plunker也可在这里http://plnkr.co/edit/r2Iufl9CcNRV6iozvWQj?p=preview