I have the next code, and a big problem. When I use this popover at first, it works fine, but once I try again to make a search, it does not work. I need to open another link on the app and call the search popover again.
Is there any way to delete a popover? Thanks in advance
<div id="tester111">
<div id="tester222">
<ion-popover-view id="buscador" style=" height: 60px;display:block; width:100% ">
<div id="tester333" class="search" style="margin: 5px; border-bottom: 1px rgb(221, 221, 221) solid; padding-bottom: 1px; border-top: 1px rgb(221, 221, 221) solid; padding-top: 1px;">
<label class="search-field item item-input" > <!-- </labe> style="border-top:1px black solid; border-bottom:1px black solid;"> -->
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="{{ 'SEARCH_SEARCH' | translate }}" id="searchBox" ng-model="searchText" ng-keyup="setSearchText($event, searchText)" autoFocus>
</label>
</div>
<ion-scroll scrollbar-x="true" style="height: 235px" style="padding-bottom: 20px;"> <!-- ; margin-top:3px -->
<ion-list>
<ion-item ng-repeat="item in empresas | orderBy:'nombrelargo':false" ng-click="getPdfImage(item.identidad);focoOff('buscador');">
<div>
<h3>{{item.nombrelargo}}</h3>
<h3>CIF: {{item.cif}} </h3>
</div>
</ion-item>
<div ng-if="(!empresas.length) && (searchText.length > 2)">
<ion-item>
<h3>{{ 'SEARCH_NORESULT' | translate}}</h3>
</ion-item>
</div>
</ion-list>
</ion-scroll>
</ion-popover-view>
</div>