Skip to main content
1 de 2
Angel
  • 535
  • 3
  • 11
  • 31

Como mostrar mensaje si arreglo viene vacio al filtrar en angularjs?

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>
Angel
  • 535
  • 3
  • 11
  • 31