如何清除输入搜索而不隐藏键盘？ （移动）

Question

我使用的离子/ AngularJS，这就是我的问题，我每次清理输入时，键盘会消失，我不希望出现这种情况

<ion-header-bar ng-show="searchBoxEnabled"> 
    <div> 
    <input type="search" 
      ng-model="query"> 
    <div ng-show="query" 
     ng-click="query=''"> <!--must ONLY clean the input, but is 
            also disappearing the keyboard--> 
    </div> 
    </div> 
    <!--must clean the input and disappear the keyboard, 
     this one is working properly--> 
    <div ng-click="hideSearchBox(); query=''"> 
    |Cancel 
    </div> 
</ion-header-bar> 

，并在JavaScript方面我有这对夫妻为了功能的显示和隐藏输入

$scope.showSearchBox = function() { 
    $scope.searchBoxEnabled = true; 
}; 

$scope.hideSearchBox = function() { 
    $scope.searchBoxEnabled = false; 
}; 

Answer 1

我同意，这可能是针对导致键盘走开输入的blur事件。

你可以与上下面点击输入重新调整（虽然我没有办法来验证这是否会导致与键盘闪烁）的按钮指令解决这个问题。

在这里你传递你想重新聚焦到该元素的ID说明性的例子：

app.directive("refocus", function() { 
    return { 
    restrict: "A", 
    link: function(scope, element, attrs) { 
     element.on("click", function() { 
     var id = attrs.refocus; 
     var el = document.getElementById(id); 
     el.focus(); 
     }); 
    } 
    } 
}); 

和用法是：

<input id="foo" ng-model="newItem"> 
<button ng-click="doSomething(newItem)" refocus="foo">add</button> 

plunker