Validaciones asincrónicas

En caso que tengan que usar el tipo “any”, les recomiendo usar “unknown” en su lugar. De esta forma typescript entiende que nunca va a ser un valor “undefined” o “null”.

Bernarda Albanesi

NO funciona la api

Ricardo Betancourt

Lo que me gustaria para un futuro curso es ver mas sobre RXJS los operadores map, pipe find, reduce. O existe ya un curso de este tema ???

Humberto Guzman

Para los que estén usando la nueva API [**https://api.escuelajs.co/api/v1:**](https://api.escuelajs.co/api/v1:) No existe el endpoint ***'/categories/availability'*** Pero aun así puedes realizar el ejercicio de la siguiente manera: CategoryService: ```js // Agreguen el import de map de rxjs/operators import { map } from 'rxjs/operators'; checkAvailability(name: Category['name']) { return this.getAll().pipe( map((categories) => { const isAvailable = !categories.some((category) => category.name === name); return isAvailable; }) ); } ```Validators: ```js // Agreguen el import de map de rxjs/operators import { map } from 'rxjs/operators'; static validateCategory(service: CategoriesService) { return (control: AbstractControl) => { const value = control.value; return service.checkAvailability(value).pipe( map((response) => { const isAvailable = response; if (!isAvailable) return { not_available: true }; return null; }) ); }; } ``` Con esto, ya lo demás debería funcionar sin problemas. ***\*Nota: Esto <u>NO</u> es una buena práctica, ya que estamos llamando a nuestro endpoint '/categories' cada vez que cambiamos en el input para validar si existe. Lo mejor es que nuestro backend realice esta operación en la base de datos de forma más eficiente. Esto es solo con fines de realizar el ejercicio para los que quieran ver cómo funciona las validaciones asincrónicas en Angular.*** Espero le sirva a alguien :)

Emilio Nicolás Mendoza Patti

Adjunto evidencia 😅

José Nicolás Aristizabal Ramírez

Hoy 06-01-2022 las consultas a la API arrojan un error en el servidor. Gracias

Horus Sinhue Camacho Avila

Si vienes del futuro como yo donde no existe el endpoint donde deben hacerse las peticiones para validar si el nombre existe o no, hagan la petición a el método getAllCategories del archivo de servicios, y el método de los validators debería quedar de la siguiente manera:

 static validateCategory(service: CategoriesService) {
    return (control: AbstractControl) => {
      const value = control.value;
      return service.getAllCategories().pipe(
        map((categories) => {
          const unAvailable = categories.find((category) => category.name === value);
          if (unAvailable === undefined) {
            return null;
          }
          return { not_available: true };
        })
      );
    };
  }

Con eso digamos que el filtrado que se hace en el back lo traemos al front y listo debería funcionar.

Hinojosa Herrera Kevin Luis

El api esta abajo, no responde

Emilio Nicolás Mendoza Patti

Justo este endpoint no existe en la nueva API

Armando Rivera

Pensando en tener un mejor performance a la hora de hacer las peticiones http agregué dos operadores, sin embargo no funcionó 😦

debounceTime se supone que no hace la petición hasta después del tiempo indicado.
distinctUntilChanged no debería hacer la petición hasta que lo que escriba el usuario sea distinto en el tiempo dado en dobounceTime

return service.checkCategory(value)
.pipe(
  debounceTime(1000),
  distinctUntilChanged(),
  map((response: Availability) => {
  const isAvailable = response.isAvailable;
  if (!isAvailable) {
    return {not_available: true};
   }
   return null;
  })
);

Juan Carlos Pinzón

Muy útiles las validaciones asíncronas, sin embargo noté que cada que escribo una letra en el input se hace una petición al api que configuré

Diego Code

ekisdé

Félix Alejandro Zelaya Orellana

Exelente!! Siempre tuve la duda de como hacer este tipo de validaciones

Diego Fernando Caviedes Camaho

Excelente las validaciones asíncronas

Christian Michelle Torres Martínez

De las mejores clases de este curso, que manera de darle poder a un formulario con validaciones asincrónicas

Horacio Castillejo

José Luis García Peceros