Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Búsqueda no disponible con angularJS

Estas en el tema de Búsqueda no disponible con angularJS en el foro de Frameworks JS en Foros del Web. Buenos días ! He estado investigando con AngularJS y Laravel , he progesado bastante , tengo hecho un CRUD y mi intención ahora es cuando ...
  #1 (permalink)  
Antiguo 12/10/2014, 16:22
 
Fecha de Ingreso: noviembre-2010
Mensajes: 156
Antigüedad: 9 años
Puntos: 0
Búsqueda no disponible con angularJS

Buenos días !

He estado investigando con AngularJS y Laravel , he progesado bastante , tengo hecho un CRUD y mi intención ahora es cuando en el type="text" realizo una búsqueda salga "La búsqueda no existe"

Me explicaé mejor a ver.

Tengo una tabla que listan los datos y tengo activado el filtro search.

Código HTML:
Ver original
  1. <input type="text" ng-model="search.nombre" class="search-query" placeholder="Search">

Y la tabla digamos que es la siguiente.
Código HTML:
Ver original
  1. <table class="table">
  2.   <thead>
  3.   <tr>
  4.     <th><a href="" ng-click="predicate = 'nombre'; reverse=!reverse">Nombre</a></th>
  5.     <th><a href="" ng-click="predicate = 'path'; reverse=!reverse">Path</a></th>
  6.     <th><a href="#/new"><i class="fa fa-plus-square-o"></i></a></th>
  7.   </tr>
  8.   </thead>
  9.   <tbody>
  10.  
  11.   <tr ng-repeat="node in nodes | filter:search | orderBy:predicate:reverse | pagination: curPage * pageSize | limitTo: pageSize">
  12.     <td>{{node.nombre}}</td>
  13.     <td>{{node.path}}</td>
  14.     <td>
  15.       <a href="#/new/{{node.id}}"><i class="fa fa-plus-square-o"></i></a>
  16.       <a href="#/edit/{{node.id}}"><i class="fa fa-pencil-square-o"></i></a>
  17.     </td>
  18.    
  19.   </tr>
  20.    <span>Page {{curPage + 1}} of {{ numberOfPages() }}</span>
  21.    primero:{{firstPage}}
  22.    último:{{numberOfPages()}}
  23.   <a class="btn btn-primary" ng-disabled="curPage == 0"
  24. ng-click="curPage=curPage-1"> &lt; PREV</a>
  25.  <a class="btn btn-primary"
  26. ng-disabled="curPage >= nodes.length/pageSize - 1"
  27.  ng-click="curPage = curPage+1">NEXT &gt;</a>
  28.  
  29.  <a class="btn btn-primary" ng-click="numberOfPages()">LAST</a>
  30.  

Vale , pues la idea es que cuando busque un nombre y este no exista me diga que la búsqueda no es exitosa.
  #2 (permalink)  
Antiguo 27/10/2014, 10:07
Avatar de stock  
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 15 años, 4 meses
Puntos: 53
Respuesta: Búsqueda no disponible con angularJS

Puedes usar la directiva ng-if, para cuando el arreglo de nodes sea igual a cero desplegar el mensaje que necesites ;)

Código HTML:
Ver original
  1. ...
  2.  
  3. <tr ng-if="nodes.length == 0">
  4.    <!-- aquí tu mensaje que quieras -->
  5. </tr>
  6.  
  7. <tr ng-repeat="node in nodes | filter:search | orderBy:predicate:reverse | pagination: curPage * pageSize | limitTo: pageSize">
  8.     <td>{{node.nombre}}</td>
  9.     <td>{{node.path}}</td>
  10.     <td>
  11.       <a href="#/new/{{node.id}}"><i class="fa fa-plus-square-o"></i></a>
  12.       <a href="#/edit/{{node.id}}"><i class="fa fa-pencil-square-o"></i></a>
  13.     </td>
  14.    
  15.   </tr>
  16.  
  17. ...

Saludos

Etiquetas: disponible, input, js
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:17.