Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

412
Vistas
En Angular, ¿cómo moverías un componente en el dom?

Comencé a aprender Angular, por lo que esto podría tener una respuesta simple :)

Sin llegar al código específico. Estoy buscando ayuda, yendo en la dirección correcta.

Trabajando en una pequeña aplicación de lista de compras. El punto es que, cuando encuentra algo en la tienda de comestibles, hace clic en el artículo y se mueve hacia abajo en una "región de artículos encontrados de la página", haga clic y muévase debajo de la imagen

Cajero automático. los componentes azules en realidad son solo botones en la plantilla, pero en realidad podrían ser cualquier cosa. Son instancias de un "componente de comestibles", que están anidados dentro de un componente de "lista de compras", compilados con un ngFor.

En mi cabeza, tendría sentido trabajar con una sola matriz y filtrarla. Lo he intentado y funciona, pero no puedo hacer que se mueva una vez que se realiza la inicialización. así que de alguna manera cuando hago clic en un componente de comestibles, necesito decirle al componente de la lista de compras que mueva esto hacia abajo en la parte "comestibles encontrados" del dom. o viceversa si desea volver a moverlo hacia arriba.

Cualquier golpe o comentario sería útil.

about 4 years ago · Santiago Gelvez
2 Respuestas
Responde la pregunta

0

CDK Drag Drop podría ser útil en su caso

https://material.angular.io/cdk/drag-drop/overview#cdk-drag-drop-connected-sorting

about 4 years ago · Santiago Gelvez Denunciar

0

¿Has probado "Drágula"? Aquí

ingrese la descripción de la imagen aquí

No solo puedes arrastrar y soltar verticalmente, sino también horizontalmente si cambias la dirección con la opción:

 direction:'horizontal'
about 4 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda