Consumir API desde Angular 17 Fácilmente Paso a Paso

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 41

  • @crisvc20
    @crisvc20 6 днів тому

    Muy bueno, gracias por compartir

  • @NicoDev4u
    @NicoDev4u 9 місяців тому

    Buen video, me ayudo mucho a aclarar pequeñas dudas sobre angular 17

    • @neisercp
      @neisercp  9 місяців тому

      Que bueno que te sirvió suscribete y comparte para seguir subiendo más contenido de este tipo.
      Saludos!

  • @30javierm
    @30javierm 9 місяців тому

    Gracias Neiser, simple y sencillo

    • @neisercp
      @neisercp  9 місяців тому +1

      Que bueno que te ayudo, comparte.
      Saludos!!!

  • @felipemendietaz4947
    @felipemendietaz4947 6 місяців тому

    Excelente, fuera genial que comiences a utilizar el nuevo modo 'zoneless' y aplicar este paradigma al manejo de apis en Angular. Es decir utilizar signals para renderizar los resultados, ahora aún ocupas zone js.
    Si puedes hacer eso hermano te agradecería, excelente vídeo.

    • @neisercp
      @neisercp  6 місяців тому +1

      Si llegamos a mas personas, contemplare un video sobre los nuevos cambios de Angular 18 entre ellos la deteccion de cambios.
      Saludos!

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 8 місяців тому +1

    bueno por fin he podido de visualizar el array en pantalla pero falta lo de agregar eliminar y editar que no lo encuentro si es que lo tienes echo. Gracias por el Aporte

    • @neisercp
      @neisercp  8 місяців тому +1

      Voy a considerarlo en un siguiente video.
      Saludos!

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 6 місяців тому

    no se si has subido mas videos de consumo de api para poder seguir en agregar e editar y eliminar ???.Muy buen aporte Gracias

    • @neisercp
      @neisercp  6 місяців тому

      Hay un crud dentro del canal, en angular puedes revisar ello, igualmente pronto subire videos mas actualizados con la ultima version de angular.
      Saludos crack!

  • @andrecarcausto2740
    @andrecarcausto2740 10 місяців тому

    gracias hermano, funciono

    • @neisercp
      @neisercp  10 місяців тому +1

      Que bueno que te sirvió, comparte para seguir subiendo más contenido de este tipo.

  • @phenom_gg
    @phenom_gg 8 місяців тому

    Muy buen vídeo! Estoy empezando a hacer mi primer proyecto en Angular en el que quería hacer uso de una API y este vídeo fue genial.
    Tengo algunas preguntas de principiante:
    - Recomiendas siempre usar SCSS en vez de CSS?
    - También respecto a la generación del proyecto, la segunda opción es para términos de optimización de digamos una web o también afecta de alguna forma a la lógica de programación?
    - Qué extensiones para VSCode recomiendas? :D

    • @neisercp
      @neisercp  8 місяців тому +1

      Me alegra que te haya servido.
      Respondiendo a tus preguntas:
      Primero lo de scss, va depender de tu proyecto, recuerda que este tipo de file es como un css, solo que te permite mas funcionalidad, como declarar variables para reutilizar en las propiedades, etc.
      Segundo el SRR es solo la forma que renderizar tus componentes al momento de desplegar, no afecta la lógica funcional.
      Tercero, uso varias extensiones posiblemente haga un video mostrando las extensiones que uso.
      Saludos!

  • @rafarafa5527
    @rafarafa5527 5 місяців тому

    Hola buenas , para consumir cualquier api hay que seguir esos pasos o hay otras manenas tmb . saludo

    • @neisercp
      @neisercp  5 місяців тому

      Hay varias formas pero esta es la más común.
      Un saludo!

  • @wilsonmori949
    @wilsonmori949 8 місяців тому

    bro pero ahi estas llamando 2 veces a la api, puedes hacer un video donde solo haga llamado desde el servidor y lo muestre en el cliente?. Gracias Exelente video muy claro y consiso.

    • @neisercp
      @neisercp  8 місяців тому

      Recuerda que se esta simulando el API, esa api es como si te estuviera devolviendo el server.
      Saludos!

  • @rominanavarrete5666
    @rominanavarrete5666 6 місяців тому

    Hola, gracias por el video! Intente de todas y no salio.... en el array salen los productos, pero es como si el for no me lo estaria tomando y en la productcomponent.html no se ve nada

    • @neisercp
      @neisercp  6 місяців тому

      Hola, te sale algún error en la consola?

    • @rominanavarrete5666
      @rominanavarrete5666 6 місяців тому

      ​@@neisercp en consola sale todo bien el array... ya veré con mas detenimiento... igual me re sirvió tu video! Muchas Gracias

  • @DarKO-dr8le
    @DarKO-dr8le 5 місяців тому

    te amo

    • @neisercp
      @neisercp  5 місяців тому

      Gracias crack, suscribete y comparte, que se viene más contenido.
      Saludos!

  • @juan45678912
    @juan45678912 Місяць тому

    No logre hacerlo funcionar, me sale el siguiente error: ERROR Error [NullInjectorError]: R3InjectorError(Environment Injector)[_ProductService -> _HttpClient -> _HttpClient]:
    NullInjectorError: No provider for _HttpClient!

    • @neisercp
      @neisercp  29 днів тому

      Hola, disculpa no por la demora, pudiste solucionarlo?

  • @AprendeSteamEc
    @AprendeSteamEc 3 місяці тому

    y para ingresar, modificar y eliminar datos?

    • @neisercp
      @neisercp  3 місяці тому

      Puedes revisar, subi varios videos sobre crud en el canal, seria de la misma forma que consumes el listado.

  • @androrius1774
    @androrius1774 7 місяців тому

    hola, hice los pasos, pero no me muestra el contendio de la api simulada
    que hago?

    • @neisercp
      @neisercp  7 місяців тому

      Te sale algún error ?

  • @wilmersarpec5033
    @wilmersarpec5033 2 місяці тому

    La página de la api no funciona

  • @AranoFernando
    @AranoFernando 4 місяці тому

    me gustaria que ubieras dejado el json

    • @neisercp
      @neisercp  4 місяці тому

      run.mocky.io/v3/6a27dcda-9b92-4bfb-bdcd-25c3d52b346c
      Aca tienes crack

    • @AranoFernando
      @AranoFernando 4 місяці тому

      @@neisercp le voy a dar me encorazona

    • @neisercp
      @neisercp  4 місяці тому

      @@AranoFernando jajaja dale crack, y sorry por la demora

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 10 місяців тому

    hola amigo he seguido el tutorial paso a paso y en el listado he consumido una api de php y resulta que no me devuelve nada y no me muestra nada

    • @neisercp
      @neisercp  10 місяців тому +1

      Prueba en postman si responde, e indicame que error te aparece.

    • @joseantonioamayapostigo2542
      @joseantonioamayapostigo2542 10 місяців тому

      me da el siguiente error: [ERROR] TS2304: Cannot find name 'providewithFetch'. [plugin angular-compiler], y no se a que se debe algo debe de estar mal desde luego

    • @neisercp
      @neisercp  10 місяців тому

      ​@@joseantonioamayapostigo2542 El error es muy generico eso sale porque no puede encontrar una definición o declaración para providewithFetch. Esto podría deberse a un error tipográfico, a que estás intentando usar una función o característica que no existe, o a que falta importar correctamente alguna dependencia en el proyecto, si gustas puedes compartir tu repositorio, y lo puedo revisar.

    • @joseantonioamayapostigo2542
      @joseantonioamayapostigo2542 9 місяців тому

      con postman va bien me devuelve los json bien

    • @joseantonioamayapostigo2542
      @joseantonioamayapostigo2542 9 місяців тому +1

      lo he repetido u no funciona