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"> <label for="range-1a">Rangeslider:</label> <input name="range-1a" ng-model="min" id="range-1a" min="0" max="100" value="0" type="range" /> <label for="range-1b">Rangeslider:</label> <input name="range-1b" ng-model="max" id="range-1b" min="0" max="100" value="100" type="range" /> </div> <input type="text" ng-model="busqueda.cantidad" class="form-control" placeholder="Ingrese lo que desea buscar."> <br> 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> </html>