elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: Únete al Grupo Steam elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  implementar un buscador en tiempo real en un ngFor
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: implementar un buscador en tiempo real en un ngFor  (Leído 125 veces)
Beginner Web


Desconectado Desconectado

Mensajes: 526


youtu.be/0YhflLRE-DA


Ver Perfil
implementar un buscador en tiempo real en un ngFor
« en: 26 Junio 2020, 11:41 »

quiero tener una caja de texto que filtre una tabla que usa un ngfor

ni idea como se hace, estaba usando un script y se que usa keyup event que eslo q uso en en .net pero ahi se llama keypressevent ahi es mas facild e implementar porque recargo el dgw con una nueva consulta aca no se como cabmiarla, si alguien me ayuda como debo o hacer o con documentacion precisa no se gracias

Código
  1. <!-- BOTON AGREGAR, abre un modal y ahi lo agregaga-->
  2.  <div class="row">
  3.    <button type="button" class="btn btn-primary" (click)="agregar(modal)"><i class="fa fa-plus"></i>
  4.      Agregar</button>
  5.  
  6.  </div>
  7.  <div class="row">
  8.    <div class="col-md-8">
  9. <!-- CAJA DE TEXTO BUSCAR x apellido -->
  10.      <input id="ftitulo" name="titulo" type="text" placeholder="Buscar por apellido" class="form-control left-align">
  11.    </div>
  12.    <span class="col-md-1"><i class="fa fa-search bigicon"></i></span>
  13.  </div>
  14.  
  15.  
  16.  <!-- TABLA ngfor -->
  17.  <div class="row">
  18.    <div class="table-responsive">
  19.      <table class="table table-hover">
  20.        <thead class="thead-dark">
  21.          <tr>
  22.            <th scope="col">ID</th>
  23.            <th scope="col">APELLIDO</th>
  24.            <th scope="col">NOMBRES</th>
  25.  
  26.            <th scope="col">ACCION</th>
  27.          </tr>
  28.        </thead>
  29.        <tbody>
  30.          <tr *ngFor="let mutante of mutantes; ; let i = index" [attr.data-index]="i">
  31.            <th scope="row">{{mutante._id}}</th>
  32.            <td>{{mutante.apellido}}</td>
  33.            <td>{{mutante.nombres}}</td>
  34.            <td>
  35.              <!-- MODIFICAR PARA QUE SALGA UNA MODAL PARA CONFIRMAR ELIMINACION-->
  36.              <button class="btn btn-primary" (click)="borrar(mutante)">Borrar</button>
  37.              <button class="btn btn-primary" (click)="modificar(mutante, modal2)">Modificar</button>
  38.            </td>
  39.          </tr>
  40.        </tbody>
  41.      </table>
  42.    </div>

por ahi tengo algo demas o de menos rimrod  a yov em ay eñeus mucho ognet  perdon


« Última modificación: 26 Junio 2020, 11:59 por Beginner Web » En línea

{_id: "5ef16999f6ce240abc225ss3",
nombre: "Ana Keldysh",
nacionalidad: "Argentina",
edad: "17",
profesion: "Desarrollador Web Full Stack",
"__v": 0
}
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
java tiempo real
Sugerencias y dudas sobre el Foro
alfredobolson 1 1,235 Último mensaje 20 Octubre 2004, 22:48
por Karcsi
Video en tiempo real
Programación Visual Basic
RJ-45 8 4,117 Último mensaje 17 Enero 2006, 05:01
por Krnl64
Script en Tiempo Real ?
Scripting
Zaraki_lkenpachi 2 2,133 Último mensaje 21 Julio 2008, 05:50
por Zaraki_lkenpachi
Bottlenose, el buscador social en tiempo real, ya es accesible para todos
Noticias
wolfbcn 0 863 Último mensaje 25 Julio 2012, 15:25
por wolfbcn
Así es cómo "perdemos" el tiempo en internet en tiempo real
Noticias
wolfbcn 0 700 Último mensaje 3 Junio 2014, 18:14
por wolfbcn
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines