md-autocomplete在选择项目后使其自身模糊

Question

我有一个用地址填充的md-autocomplete 。 选择地址后，焦点将停留在元素上。 我希望用户选择地址后， md-autocomplete就会模糊。

原因是因为在手机上完成操作后，一旦用户选择了地址，键盘应自动隐藏，而当前键盘在选择地址后仍保持显示状态。

谢谢！

Answer 1

这个问题没有很多细节，因此我将处理1.1.4 docs中提供的“基本用法” Codepen。

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

这是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));
}