Crear una nueva card: conectar con la API
Contenido del curso
Integración entre UI y API
Drag and Drop
Boards
Cards
Listas
Backgrounds
Próximos pasos
Crear una nueva card: conectar con la API
Crear una nueva card: conectar con la API
Contenido del curso
Camilo Del Valle Ledesma
David Higuera
Un DTO (Data Transfer Object, por sus siglas en inglés) es un objeto que se utiliza para transferir datos entre diferentes capas de la aplicación. Los DTOs se emplean comúnmente para encapsular datos y enviar solo la información necesaria entre el cliente y el servidor, o entre diferentes componentes de la aplicación.
Alternativa:
TS
createCard() { if (this.cardTitle.invalid) { return; } const title = this.cardTitle.value; if (this.board === null) return; const listId = this.activeFormListId; const listIndex = this.board.lists.findIndex((l) => l.id === listId); const position = this.boardsService.getPosition( this.board.lists[listIndex].cards, this.board.lists[listIndex].cards.length - 1, ); const boardId = this.board.id; const card: CreateCardDTO = { title, position, listId, boardId, }; this.cardsService .create(card) .subscribe({ next: () => this.getBoard(boardId) }); this.deactivateAddCardForm(); }