Problems with search bar


#1

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>