javascript - 在 ui-select 中添加/删除焦点

Question

从昨天开始，我正在努力完成以下任务。我有一个 ui-select 元素，对于某个用例，它需要在页面加载时获得焦点。正如我在 documentation 中看到的那样这可以通过在指令中设置自动对焦来完成，但我实际需要的是每当我单击按钮时将焦点交换到输入文本，反之亦然，如果输入文本再次聚焦到 ui-select 。当涉及将焦点从 ui-select 更改为输入文本时，这不是问题，只需执行以下操作:

$("#txt-test").focus();

但在其他情况下，简单地穿上是不行的:

$("#cbx").focus();

其中#cbx是ui-select的ID。无论我如何尝试，它都永远不会成为焦点。

您可以在此处查看我正在尝试完成的示例:jsFiddle

有什么想法吗？问候。

Answer 1

这应该有效:

$scope.clickButton = function(){     
  var result = document.getElementById("cbx");
  var uiSelect = angular.element(result).controller('uiSelect');
  uiSelect.focusser[0].focus();
  uiSelect.open = true;
  uiSelect.activate();
}

jsFiddle