javascript - 如何手动切换 angular-ui-select 下拉列表(单选)

Question

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

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

我尝试过使用 jQuery 的 .click() , .trigger('click')但他们没有工作。

这个骗子已经用单一选择选项 fork 了:

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

如何从 ui-select 元素的上下文外部手动切换下拉菜单？

更新:

• 在这个plunker(plnkr.co/edit/7wXP6cSqPaDlvhEbkNau?p=preview)中，ui-select的版本是0.9.x，他们使用按钮来激活事件，我们可以使用$("#"+attrs.openMenuByClick).find('button').click();(感谢@sdfacre提供的帮助)

• ui-select的新版本是0.13.2，他们使用<span>相反 <button> ，那么当他们使用<span>时我该如何调用ng-click函数呢？不使用指令？

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

Answer 1

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

所以，试试这个

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

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