Curso Angular 13: Requisições HTTP - #18

[@giovaniwr]

Para facilitar o Json { "animals": [ {"id": 1, "name": "Turca", "type": "Dog", "age": 4 }, {"id": 2, "name": "Tom", "type": "Cat", "age": 10 }, {"id": 3, "name": "Frida", "type": "Dog", "age": 11 }, {"id": 4, "name": "Bob", "type": "Horse", "age": 2 }, {"id": 5, "name": "Paco", "type": "Bird", "age": 1 } ] }

[@reborn4612]

fera xD

[@leandromoreira7115]

vlwww man!!!!

[@marcelospano-br]

Ow, foi uma mão na roda, prático e fácil. Na mão. Valeu

[@annahelenadrumond9430]

Thanks so much

[@juniorjesuino1355]

Valeu parceiro

[@alissonsantana4876]

Pessoal, quem tiver utilizando o angular 17 com componentes independentes e tiverem problema com o HttpClient, basta fazer a seguinte alteração no arquivo src/app/app.config.ts. export const appConfig: ApplicationConfig = { providers: [ HttpClientModule, provideHttpClient(), // >> ADICIONE ESSA DEPENDÊNCIA provideRouter(routes) ] };

[@Stewan9]

caso eu queira simular mais uma porta da api como eu posso fazer?

[@YankyFonteBoa]

Lembrando que tem que colocar no cabeçalho: import { HttpClientModule } from '@angular/common/http'; import { provideHttpClient } from '@angular/common/http'; Ficará assim: export const appConfig: ApplicationConfig = { providers: [provideRouter(routes), provideClientHydration(), HttpClientModule, provideHttpClient()] };

[@canalsamaritano]

esse arquivo nem existe no meu projeto kkk

[@gustavolima6405]

Nunca pareceu tão fácil aprender Angular. Obrigado Matheus

[@MatheusBattisti]

de nada Gustavo!

[@ojefersonlucas]

Capítulos e sumários 0:00 - Início 0:31 - Requisições HTTP 1:36 - Criando uma API 3:48 - Criando uma requisição HTTP 10:54 - Exercício 11:39 - Considerações finais

[@V4DERw]

Valeu, Matheus. suas aulas estão me ajudando no trabalho.

[@ericksonbruno2366]

ótima aula. Didática excelente.

[@MatheusBattisti]

valeu!

[@cristianochagas4810]

show.... Aula de verdade!!! Professor se garante

[@MatheusBattisti]

valeuu Cristiano!

[@jacintosoftware]

Fiz seu curso de node na udemy, parabéns pela didática.

[@MatheusBattisti]

show João, valeu!

[@drslx]

Parabéns Matheus, ótima aula

[@MatheusBattisti]

valeu Ricardo, amanhã temos mais!

[@drslx]

@@MatheusBattisti Vou ficar de olho.

[@alessandralino6908]

Ótima aula!

[@JoãoFlávioPompeo]

pra rapaziada que ta vendo no futuro usando ainda o angular 13, a versão do json-server dele é a 0.17.0, ou seja o comando de instalação é npm i json-server@0.17.0 Lembrando q isso é só pra quem ta usando o angular 13 igual a ele

[@coreydevl7021]

Valeu pela aula Matheuss!!

[@werner.thiede]

Ótima aula, obrigado.

[@trocandobytes]

Super ! Como fazer para quando clicar no menu ele "reler" os dados ?

[@GRUNGENTA]

Muito bom!

[@MatheusBattisti]

valeuu!

[@lucasgmszdev]

Aula 18 = OK! ✔25/10/2024

[@codificaFacil93]

e pra fazer uma requisição http do meu banco de verdade?

[@IgaoAlpha]

Aula muito topp, só não entendi muito bem para que serve o Observable do rxjs.

[@moraeszin3621]

Fala irmão, ele serve para simplesmente observar se o que iremos receber na requisição get, por exemplo, será a mesma coisa da nossa interface Animal, então conclusão se a requisição get retornar um Objeto Animal com todas as propriedades que colocamos na interface, ele retorna corretamente, mas caso retorne algo diferente disso, ele irá dar erro, porque ele a função dele é justamente essa, de "tipar" o nosso resultado e só vir o que esperamos/observamos que vai chegar, que no caso seria um Animal com as propriedades: Id, Name, Type e Age.

[@moraeszin3621]

Espero que tenha te ajudado!

[@IgaoAlpha]

@@moraeszin3621 entendi valeu

[@zerielribeiro5787]

Muito bom

[@MatheusBattisti]

valeu Zeriel!

[@Pedroetbdf]

muito bom.

[@annahelenadrumond9430]

O repositório do gitHub não tem nada lá 💔

[@renanalbuquerque8400]

Oi Anna, o código de cada aula, está separado por bracnhes. Clica em main e vc consegue vizualizar essas branches.

[@CodeStudyytPremium-jw9oi]

top!

[@somethinganother1]

pessoal, nom meu resources só abre as seguintes portas: /posts /comments /profile nao esta abrindo a minha porta /animals

[@cassciano270]

Olá Patrick, tudo bem? Tive este mesmo 'problema', isso é devido ao local que adicionou o arquivo db.json, ele deve ser criado na raiz do projeto (src) e não em subpastas, é só arrastar para o src. Acredito que seja essa a falha. (Imagino que já tenha notado, mas fica a observação para quem estiver praticando..)

[@wmarceloalves]

@@cassciano270 o meu ta no src e tá om o mesmo erro

[@RafaelLima-sy6vl]

@@wmarceloalves o meu deu o mesmo problema. Só funcionou colocando o arquivo na pasta fora do projeto. Não na src. No mesmo lugar onde você roda o ng serve

[@Debora.macedoo]

@@wmarceloalves verifique se não criou 2 arqs db.json , é só excluir o errado.

[@FordCamaroGT]

O meu não está dando erro mas não aparece o conteúdo no browser.

[@kristiannrocha6394]

🥯🥯🥯

[@wesleybezerra3498]

valeuuuuuuuuuuuuuuuuuuuuuu

[@MatheusBattisti]

de nada Wesley!

[@danielchavesdelima7643]

como resolver isso: Observable.d.ts(52, 9): The declaration was marked as deprecated here.

[@brauliodossantos4174]

Muito bom!