ng-show, ng-hide

HTML

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

JavaScript

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