md-autocomplete在选择项目后自动模糊

Question

我有md-autocomplete填充地址。选择地址后，焦点将保留在元素上。一旦用户选择了地址，我希望md-autocomplete模糊。

原因是因为在手机上完成后，一旦用户选择了地址，键盘就会自动隐藏，而目前键盘在地址选择后仍会显示。

谢谢！

Answer 1

这个问题没有太多细节，所以我将解决1.1.4 docs中提供的“基本用法”Codepen。

基本上你只是监听selected-item-changed，然后在当前活动的DOM元素上触发blur事件。

Here's the Codepen。它适用于桌面Chrome，但我无法测试它是否能解决移动设备上的键盘问题。

我刚刚更改了selected-item-changed处理程序，如下所示：

function selectedItemChange(item) {
  ///// Get the currently focused element
  var activeElement = document.activeElement;

  ///// Check that there actually was a focused element
  ///// and make sure a valid item was selected.
  if (activeElement && item) {
    activeElement.blur();
  }

  $log.info('Item changed to ' + JSON.stringify(item));
}