I just started learning angularjs and I'm struggling with closing the search results when clicking on the "Close search result" span. Below are snippets of my code. Can someone please guide me on how to achieve this functionality?
Screenshot:
HTML:
<div>
<div>
<input type="text" placeholder="Choose a item..." ng-model="autoSearch" ng-keyup="getList()" class="form-control">
</div>
<div class="autosearch-result">
<div class="search-result-close-block">
<span class="search-result-close-text">Items found :</span>
<span class="close" title="Close search result">×</span>
</div>
<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>
</div>
</div>
CSS:
.autosearch-result {
position: absolute;
top: 100% !important;
z-index: 1;
}