Mensajes

como hago para que me muestre mis cards en orden horizontal?

me meustra asi
147
258
369

quiero que me muestre asi
123
456
789

gracias

supongamos que tengo 20 cards y quiero q en la pagina muestre solo de 4 en 4 y que para ver los demas haga click en un boton similar al slider

Código (html4strict) [Seleccionar] Expandir

<div class="row">
    <div *ngFor="let item of items" class="col-md-3 card">
      <div class="card-block text-center">
        <div class="card" >
          <img class="card-img-top" [src]="item.url" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Titulo</h5>
            <p class="card-text">{{litem.descripcion}}</p>
            <a href="#" class="btn btn-primary">Ver Local</a>
          </div>
        </div>
      </div>
    </div>
  </div>

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 (html4strict) [Seleccionar] Expandir

<!-- BOTON AGREGAR, abre un modal y ahi lo agregaga-->
 <div class="row">
   <button type="button" class="btn btn-primary" (click)="agregar(modal)"><i class="fa fa-plus"></i>
     Agregar</button>

 </div>
 <div class="row">
   <div class="col-md-8">
<!-- CAJA DE TEXTO BUSCAR x apellido -->
     <input id="ftitulo" name="titulo" type="text" placeholder="Buscar por apellido" class="form-control left-align">
   </div>
   <span class="col-md-1"><i class="fa fa-search bigicon"></i></span>
 </div>


 <!-- TABLA ngfor -->
 <div class="row">
   <div class="table-responsive">
     <table class="table table-hover">
       <thead class="thead-dark">
         <tr>
           <th scope="col">ID</th>
           <th scope="col">APELLIDO</th>
           <th scope="col">NOMBRES</th>

           <th scope="col">ACCION</th>
         </tr>
       </thead>
       <tbody>
         <tr *ngFor="let mutante of mutantes; ; let i = index" [attr.data-index]="i">
           <th scope="row">{{mutante._id}}</th>
           <td>{{mutante.apellido}}</td>
           <td>{{mutante.nombres}}</td>
           <td>
             <!-- MODIFICAR PARA QUE SALGA UNA MODAL PARA CONFIRMAR ELIMINACION-->
             <button class="btn btn-primary" (click)="borrar(mutante)">Borrar</button>
             <button class="btn btn-primary" (click)="modificar(mutante, modal2)">Modificar</button>
           </td>
         </tr>
       </tbody>
     </table>
   </div>

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

gracias a ambos 

miren tengo una pagina web donde vendo cosmeticos con todo el sistema de usuarios ya implementado estoy usando mongodb express angular boootstrap y quiero implementar el logueo con cuentas de redes sociales como se hace eso? q debo ahcer? q api usar? ayudenme, quiero que estos usuarios solo tengan privilegios de clientes(bueno eso ya me lo estoy imaginando como lo voy a hacer)  

como lleno esto con  las tecnologias que estoy utilizando? supongamos que lleno slos campos y quiero mandar a la api eso con express y mongodb? que va en el action?

Código (cpp) [Seleccionar] Expandir

<form action="/examples/actions/confirmation.php" method="post">
              <p class="hint-text">Inicia sesión rápidamente con tu cuenta de redes sociales.</p>
              <div class="form-footer">
                <a [routerLink]="['forgot-password']">Olvidaste tu contraseña?</a>
              </div>
            </form>   

como es eso ThinderCls?

cual es la forma mas facil de  pasar valores por referencia de un formulario A, C o D a otro B y usarlo en A, C o D en C#?  
Formularios A, C, D y B son todos de distintas firmas  

como puedo modificar este codigo para que use el findoneandupdate, esta funcion  esta dentro de controladores

Código (cpp) [Seleccionar] Expandir

pCtlr.editP = async (req, res) => {
    console.log("entro a editar");
    const vP =  new P(req.body);
    await P.findByIdAndUpdate(req.params.id, {$set: vP}, {new: true});
    res.json({
        'status': 'p updated'
    })
}

como se llena un array de objetos(composicion) que esta dentro de un objeto teniendo en cuenta que mi api esta compuesta por carpetas de models(squemas), routes(direcciones api) y controllers(metodos get,pust, put etc) ah? 
codigo ejemplo porfis