Introducción
Bienvenida y setup del proyecto
Funcionamiento de la API y análisis del proyecto
Integración entre UI y API
Conectando los boards del usuario
Creando el card color component
Typing Colors
Detalle de un board
Drag and Drop
Algoritmo para detectar la posición de la card
Detectar tipo de movimiento: drag and drop
Calcular la posición
Actualizar una sola card
Actualizar lista
Boards
Crear un nuevo board: UI
Crear un nuevo board: conectar con la API
Cerrar el overlay
Cards
Crear una nueva card: UI
Crear una nueva card: formulario
Crear una nueva card: conectar con la API
Listas
Crear una nueva lista: UI
Crear una nueva list: conectar con la API
Backgrounds
Background dinámico
Estado para el Background
Próximos pasos
¿Quieres más cursos de Angular?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Convierte tus certificados en tÃtulos universitarios en USA
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Aportes 2
Preguntas 0
una forma de lograr el mismo funcionamiento, pero con menos lineas de código serÃa la siguiente:
openFormCard(list: List) {
if (this.boardDetail?.lists) {
this.boardDetail.lists = this.boardDetail?.lists.map((listD) => ({
...listD,
showCardForm: listD.id === list.id,
}));
}
}
A mi me funcionó asÃ:
openFormCard(listSel: List){
if(this.board?.lists){
this.board.lists.map(list => {
list.id === listSel.id ? list.showForm = true : list.showForm = false;
})
}
}
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?