es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: ANGULAR-CDK-DRAG-DROP

Redimensionar con relación de aspecto angular de una división (div).

Estoy tratando de redimensionar un div en angular manteniendo la relación de aspecto (de un rectángulo). Pero no puedo hacerlo. No puedo arrastrar la esquina del div y redimensionarlo. Aquí hay un stackblitz https://stackblitz.com/edit/icon-font-awesome-f6ydhr?file=src/app/app.component.ts Intenté usar esta respuesta: https://stackoverflow.com/a/30494623/1540456 pero sin éxito. Aquí hay algo de código import { Component . . . Read more

Angular Material CDK Arrastrar y Soltar Ajuste a la cuadrícula Elemento Interno cdkDragConstrainPosition @Input para el elemento dentro de la posición del elemento Arrastrar y Soltar.

Cuando se utiliza la función de arrastrar y soltar a través de Angular Material CDK, permite “ajustarse a la cuadrícula” mediante [cdkDragConstrainPosition]=”computedDragRenderPos” Ejemplo: html … export class MyDraggableComponent { constructor() {} computeDragRenderPos(pos, dragRef) { return {x: Math.floor(pos.x / 30) * 30, y: pos.y}; // renderizará el elemento cada 30 píxeles . . . Read more