In my HTML page I have this:
<div class="row">
<div class="col col-10">
<a class="button button-icon icon ion-search"></a>
</div>
<div class="col col-80">
<input type="text" placeholder="Busqueda de clientes..." class="largo100" ng-model="searchCli.Denominacion" >
</div>
<div class="col col-10">
<button ng-if="searchCli.Denominacion.length" class="button button-icon ion-android-close input-button" ng-click="clearSearch()">
</button>
</div>
</div>
<ion-scroll style="height=450px" delegate-handle="mainScroll">
<div class="list scroll-container">
<a class="item item-thumbnail-left item-button-right" ng-repeat="cliente in clientes | orderBy:'Denominacion' | filter:searchCli" ng-click="selectClient(cliente.IdCliente, cliente.Denominacion)" >
<img ng-src="img/locales/local1.jpg">
<h2>{{cliente.Denominacion}}</h2>
<p>{{cliente.Calle}}, {{cliente.Localidad}}</p>
<button class="button button-dark">
</button>
</a>
</div>
</ion-scroll>
And in my controller I have this:
$scope.searchCli = {};
$scope.clearSearch = function() {
$scope.searchCli = {};
};
Works for me.
I hope it helps you. Regards