Lo que deseo es que si al filtrar no hay datos, me muestre un mensaje en un div que diga: No hay personas.
<body>
<div class="container" ng-controller="listadoCtrl">
<h1>Filtros</h1>
<h4>Para el ng-repeat</h4>
<hr>
<div class="row">
Busqueda:
<br>
<div data-role="rangeslider">
Rangeslider: Rangeslider:
Sexo:
<br>
<select ng-model="busqueda.sexo" class="form-control">
<option value="">Cualquiera</option>
<option value="mujer">Mujeres</option>
<option value="hombre">Hombres</option>
</select>
<br>
</div>
<table class="table table-striped">
<tr>
<th>Avatar</th>
<th> <a class="puntero" ng-click="columna='nombre'; reverse = !reverse;"> Nombre</a> </th>
<th> <a class="puntero" ng-click="columna='sexo'; reverse = !reverse;"> Sexo</a></th>
<th>Teléfono</th>
<th>Celular</th>
</tr>
<tr ng-repeat="persona in personas | filter:busqueda | orderBy:columna:reverse ">
<td> <img ng-src="img/{{ persona.avatar }}" class="avatar img-circle"> </td>
<td> {{ min }} </td>
<td> {{ persona.sexo }}</td>
<td> {{ persona.cantidad }}</td>
<td> {{ persona.celular }}</td>
</tr>
</table>
</div><!-- fin del listadoCtrl -->
</body>