ng-show, ng-hide

HTML

<div ng-app>
    <div ng-controller="showCrtl">
        <div ng-hide="showme">
       <p ng-mouseenter="showme=!showme">
       mouse enter
       </p> 
        </div>
        <input type="search" ng-if="showme" ng-mouseleave="showme=false">
        </div>
</div>

JavaScript

function showCrtl($scope){
    $scope.showme=false;
}