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>