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

Поделиться
HTML-код
  • Опубликовано: 13 сен 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
    @kalebgonzalogonzalezontive2304 Год назад +1

    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.

  • @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.

  • @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

  • @CesarSanchez-wi9wt
    @CesarSanchez-wi9wt 2 года назад +1

    excelentes tus videos, gracias por compartir tus conocimienos.

    • @LeiferMendez
      @LeiferMendez  2 года назад

      Con mucho gusto, gracias por formar parte de esta comunidad

  • @leonardomumbach
    @leonardomumbach Год назад +1

    Buen video, gracias! corto y a lo importante.

  • @LeiferMendez
    @LeiferMendez  3 года назад

    👉 CURSO Angular 11 ruclips.net/p/PL_WGMLcL4jzVY1y-SutA3N_PCNCAG7Y46

  •  3 года назад +1

    Que tutoriales tan espectaculares

  • @adrian1jr
    @adrian1jr 2 года назад +2

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

    • @LeiferMendez
      @LeiferMendez  2 года назад

      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

  • @dalilm
    @dalilm 2 года назад +1

    gracias

  • @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.

  • @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

  • @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

  • @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

  • @RaizaSGonzalez
    @RaizaSGonzalez 3 года назад

    Que locuraaa🤯 🤟

  • @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 ruclips.net/video/iXbsn-qaqsw/видео.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 ruclips.net/video/ElcuQfA6aNY/видео.html que resuelve el problema en su origen; es decir, desde Node.js. Saludos

  • @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

  • @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! ;) //

  • @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

  • @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.

  • @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 ruclips.net/video/FqLbmjWAT4g/видео.html

  • @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! ✌

  • @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' }}

  • @tadealbarranisidro332
    @tadealbarranisidro332 2 года назад +3

    me perdi en donde obtener la API

    • @LeiferMendez
      @LeiferMendez  2 года назад +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

  • @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