▶ 🅲🆄🆁🆂🅾 Angular HTTP GET example with JSON

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

КОМЕНТАРІ • 77

  • @LeiferMendez
    @LeiferMendez  3 роки тому

    ├ 𝙑𝙀𝙍 𝙏𝙊𝘿𝙊𝙎 ⮕ leifermendez.github.io/#/
    ├ 𝘼𝙉𝙂𝙐𝙇𝘼𝙍 desde cero ⮕ bit.ly/367tJ32
    ├ 𝙉𝙊𝘿𝙀 Express desde cero ⮕ bit.ly/3od1Bl6
    ├ 𝙈𝙊𝙉𝙂𝙊𝘿𝘽 desde cero ⮕ bit.ly/3qh35wK
    ├ 𝙎𝙊𝘾𝙆𝙀𝙏.𝙄𝙊 desde cero ⮕ bit.ly/3pg1Q02
    └ 𝙉𝙂𝙍𝙓 𝙙𝙚𝙨𝙙𝙚 𝘾𝙀𝙍𝙊 ⮕ link.codigoencasa.com/NODE

  • @kalebgonzalogonzalezontive2304

    despues de 2 años de este video lo acabo de ver justamente, me ayudo muchisimo muy bien expolicado no habia encontrado mejor video, muchisimas gracias.

  • @quesomagro6954
    @quesomagro6954 Рік тому +1

    Es excelente tu contenido estimado Leifer. Te felicito por el trabajo y por el aporte a la comunidad.

  • @johnnyortuno4400
    @johnnyortuno4400 3 роки тому +2

    Excelente Curso , me gusto mucho . Gracias!!!!! , sigo todos tus videos !!

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Gracias Jhonny y bienvenido a esta comunidad

  • @maicolandrestrujilloacosta1637
    @maicolandrestrujilloacosta1637 3 роки тому +11

    Yo sé que nadie me lo está preguntando pero este hombre es el mejor youtuber, me ayudó (desde su página en facebook) a resolver un problema que llevaba 2 días con el.
    Es una excelente persona y estaré completamente agradecido con él.

  • @leonardomumbach
    @leonardomumbach Рік тому +1

    Buen video, gracias! corto y a lo importante.

  • @CesarSanchez-wi9wt
    @CesarSanchez-wi9wt 3 роки тому +1

    excelentes tus videos, gracias por compartir tus conocimienos.

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Con mucho gusto, gracias por formar parte de esta comunidad

  • @adrian1jr
    @adrian1jr 3 роки тому +2

    Este video me ha hecho entender muy bien, estoy siguiendo tu curso de udemy que igual es muy bueno

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Genial gracias por pasarte y comentar

  • @cristianotero588
    @cristianotero588 2 роки тому +1

    Muy buen video entendi super claro!!!

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      Hola Cristian saludos gracias por comentar y formar parte de esta comunidad

  •  3 роки тому +1

    Que tutoriales tan espectaculares

  • @LeiferMendez
    @LeiferMendez  3 роки тому

    👉 CURSO Angular 11 ua-cam.com/play/PL_WGMLcL4jzVY1y-SutA3N_PCNCAG7Y46.html

  • @huberjhonatanescobedomonag8404
    @huberjhonatanescobedomonag8404 3 роки тому +2

    Excelente video aprendi bastante, tengo una consulta si pudieras iluminarme. Tengo un aplicativo que trabaja en JSON sobre http método get y necesito comunicarlo con otro aplicativo que solo trabaja en formato xml, alguna sugerencia? Muchas gracias

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Hola Huber debes hacer un servicio en API que se encargue de de manejar el XML pero tú enviarle json

  • @wilmerpinzon3536
    @wilmerpinzon3536 3 роки тому +1

    buenardoo me sirvio bastante
    buen contenido crack!

    • @LeiferMendez
      @LeiferMendez  3 роки тому +1

      Ey Wilmer saludos y bienvenido me comentas en los. Otros videos del curso voy estar pendiente

  • @Gustavo_Luna
    @Gustavo_Luna 2 роки тому

    Hasta aqui pude seguir el curso.
    Normalmente uno programa a la par del curso, pero aqui hay que adivinar como es el CSS, el HTML, y aqui tambien no te explican q usan json Server ni de donde salen los datos.
    Es el 7mo video y fueron todos asi con poco para aprender.
    Gracias de todas formas por el conocimiento... hay mucho para ajustar de como enseñar

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      Saludos Gustavo 👏👏 gracias por el comentario cada día intento mejorar espero pronto poder tener un curso de Angular más reciente

  • @jhondeybisichaccayaberna6804
    @jhondeybisichaccayaberna6804 2 роки тому

    Excelente aporte del emit, implemente el emit para mostrar el menu del sidebar segun el rol que se escoja desde el header, con un seervicio GET, el problema es que al mandar el evento en un click este se envia varias veces (algunas veces), como 5 o 6, y hace que se dispare la peticion al back y demore la carga. Tuviste alguna experiencia con ese caso?...
    Saludos, y muchas gracias por compartir tus conocimientos.

  • @dalilm
    @dalilm 2 роки тому +1

    gracias

  • @mfsegurae
    @mfsegurae 3 роки тому +3

    ¡Excelente curso! Soy novato en Angular y me surge el siguiente error al intentar conectarme a la API local rest: "Access to XMLHttpRequest at ‘url api’ from origin ‘url app’ has been blocked by cors policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.". ¿Alguna idea para resolverlo? Gracias por adelantado. Saludos.

    • @LeiferMendez
      @LeiferMendez  3 роки тому +1

      Hola Filiberto y bienvenido a esta comunidad! Estas consumiendo una API Externa ?

    • @mfsegurae
      @mfsegurae 3 роки тому +1

      No, es una API local. De hecho, estoy obteniendo la información desde el puerto 3001, con el que se trabajó en el curso de Node. ¿Será que me falta instalar algún plugin en Code? Gracias por atender. Saludos

    • @LeiferMendez
      @LeiferMendez  3 роки тому +2

      @@mfsegurae te voy recomendar el video de un colega! donde enseña este punto ua-cam.com/video/iXbsn-qaqsw/v-deo.html

    • @mfsegurae
      @mfsegurae 3 роки тому +1

      @@LeiferMendez sí me resolvió el problema la solución planteada en el vídeo que me referenciaste; pero el mismo autor menciona que "solucionamos el problema de CORS cuando estamos desarrollando de manera local, pero esto no se puede hacer en producción". Así que, investigando más acerca del tema, encontré este otro vídeo ua-cam.com/video/ElcuQfA6aNY/v-deo.html que resuelve el problema en su origen; es decir, desde Node.js. Saludos

  • @mediolibrepucallpa5258
    @mediolibrepucallpa5258 3 роки тому +3

    Deberías enseñar también como creas tu REST API / JSON, por ese motivo no puedo seguir avanzando con los tutoriales

    • @LeiferMendez
      @LeiferMendez  3 роки тому +2

      Hola ! Tengo el curso aqui ua-cam.com/video/FqLbmjWAT4g/v-deo.html

  • @cesaralo2111
    @cesaralo2111 2 роки тому

    Hola como puedo obtener los datos del puerto, intente ejecutar el comando 11 del repositorio (copiar y pegar en package.json) y no resulto en nada :(
    HELP Me Please
    //Thanks! ;) //

  • @yuredanyingamelgar7835
    @yuredanyingamelgar7835 3 роки тому +3

    gracias bro con esto me ayudaste demaciado ya me sentia frustrado :C

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Tranquilo amigo cualquier duda preguntar ? Ya te viste los vídeos del curso de node ?

    • @yuredanyingamelgar7835
      @yuredanyingamelgar7835 3 роки тому

      @@LeiferMendez una duda creo que estoy importando mal el json me ayuda en eso?

    • @yuredanyingamelgar7835
      @yuredanyingamelgar7835 3 роки тому

      @@LeiferMendez aún no

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      @@yuredanyingamelgar7835 dime cual error te aparece o porque crees que estas importando mal ?

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      @@yuredanyingamelgar7835 tienes que verlo bit.ly/3od1Bl6

  • @chavezhernandezjonathan6252
    @chavezhernandezjonathan6252 2 роки тому +1

    Hola que tal buenas tardes, me aparece un error que dice "no es iterable" a que se deberá

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      Hola Jonathan me puedes compartir un link de la imagen o enviarlo al mail que esta en la descripcion

  • @RaizaSGonzalez
    @RaizaSGonzalez 3 роки тому

    Que locuraaa🤯 🤟

  • @flavioforte790
    @flavioforte790 2 роки тому +1

    hola he seguido el curso paso a paso, pero la información que en mi caso viene del archivo '.json' en assets, se ve solo en la consola, por favor alguna idea de que podría ser?

    • @LeiferMendez
      @LeiferMendez  2 роки тому +2

      Hola Flavio, por favor podrías compartirme tu error por el telegram
      Muchas gracias
      Un saludo! ✌

  • @yeudisnicolasguzmanperez216
    @yeudisnicolasguzmanperez216 Рік тому +2

    Busque este video y no entendí nada, porque al parecer es una secuencia de vídeo y para el que quiere aprender a llamar una API desde Angular no sabe que estás haciendo porque ya tienes todo creado.

  • @tadealbarranisidro332
    @tadealbarranisidro332 3 роки тому +3

    me perdi en donde obtener la API

    • @LeiferMendez
      @LeiferMendez  3 роки тому +1

      Hola Isidro para la API debes ejecutar el comando de la linea 11 github.com/leifermendez/curso-angular-11/blob/90577258db55b93df9692bb35b13cdbb6fdf9ff1/package.json#L11

    • @diegoalbertomejiarodriguez9586
      @diegoalbertomejiarodriguez9586 2 роки тому

      @@LeiferMendez Estoy siguiendo el curso pero igual me perdi en la API veo que dices que se debe ejecutar la linea 11 pero en que parte yo no descargue el proyecto lo fui haciando a la par contigo

    • @LeiferMendez
      @LeiferMendez  2 роки тому +1

      @@diegoalbertomejiarodriguez9586 si fue un error mío déjame creo un documento y te comparto el link

    • @diegoalbertomejiarodriguez9586
      @diegoalbertomejiarodriguez9586 2 роки тому

      @@LeiferMendez Te agradezco la pronta respuesta al parecer ya pude crear el API pero debo de probar para seguir tu curso gracias

    • @bryanpatino7621
      @bryanpatino7621 2 роки тому

      @@LeiferMendez Hay algun documento para la api?

  • @maicolandrestrujilloacosta1637
    @maicolandrestrujilloacosta1637 3 роки тому

    Amigo, tu sabes a que se refiere esto? Error trying to diff '[object Object]'. Only arrays and iterables are allowed

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      Hola seguramente estás intentando usando ngFor y es un object y debes asegurar que sea un array[]

    • @maicolandrestrujilloacosta1637
      @maicolandrestrujilloacosta1637 3 роки тому

      @@LeiferMendez pues es un json.
      Entonces como me lo pasaría a array?

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      @@maicolandrestrujilloacosta1637 si puedes sube el json en gits GIT para poder.observar o puedes intentar envolverlo en Object.values(json)

    • @maicolandrestrujilloacosta1637
      @maicolandrestrujilloacosta1637 3 роки тому

      @@LeiferMendez es que es algo que me retorna el backend (spring boot), y pues con el get trato de acceder al método y da el error, ya trate con Object.values(data) y se quita el error.
      Pero no me visualiza nada en .HTML del ngfor

    • @LeiferMendez
      @LeiferMendez  3 роки тому

      @@maicolandrestrujilloacosta1637 hazle un console log a el Objetc.values para que puedas visualizar

  • @greggpeck861
    @greggpeck861 3 роки тому

    tengo una variable: "created-at", pero en mi componente, en su HTML al acceder a ese variable, me da un error, indicando que "at" no existe. me parece que es por el nombre: "created-at" como evito ese error, sin cambiar la API a "created_at"

    • @LeiferMendez
      @LeiferMendez  3 роки тому +1

      Hola y bienvenido mmm de recomienda como buena práctica que uses snake_case o camelCase pero si no puedes intentar this['created-at] y cometa su te funciono

    • @greggpeck861
      @greggpeck861 3 роки тому

      @@LeiferMendez si funciono, lei antes de tu respuesta en la documentacion de angular y vi que no adminte esos nombres, pero logre dar con esa solucion. Muchas gracias por tu apoyo de todas maneras.
      Lo resolvi haciendo: {{ article?.attributes['created-at'] | date: 'dd MMMM yyyy, HH:mm' }}

  • @rokenbupolecat
    @rokenbupolecat 2 роки тому

    6:08 justo aqui cuando paso el valor de 'respuesta' en la variable 'this.listavideos', me sale indefinida no carga los datos, pero si hago console.log a la variable respuesta si muetra los datos... no que pex ayuda

    • @LeiferMendez
      @LeiferMendez  2 роки тому

      Hola, amigo tenemos en el discord una sesión especial para interactuar sobre estos temas, se llama asesoría técnica, allí encontrarás a varios compañeros que brindan soporte o puede que también me encuentres a mi.
      Se creó con la finalidad de poder compartir más rápido y encontrar soluciones.
      Te dejo el link
      discord.gg/THUWQEwc

    • @rokenbupolecat
      @rokenbupolecat 2 роки тому

      @@LeiferMendez gracias amigo