CRUD Angular + Spring | 08 - Criando um Service no Angular

[@beachhhouse5376]

A qualidade do conteúdo SURREAL!!! E ainda é de grátis! Parabéns você é INCRÍVEL!

[@iridizedream]

Eu tive um pequeno problema no Angular 17 utilizando 'standalone component' na hora de utilizar a injeção de dependência para o HttpClient. Na documentação do angular estava pedindo para utilizar o seguinte código no arquivo 'main.ts': bootstrapApplication(AppComponent, { providers: [ importProvidersFrom(HttpClientModule), ] }); Entretanto, no meu bootstrapApplication havia dois argumentos: AppComponent e appConfig, e o boostrapApplication não permite que tenha mais de dois argumentos. A forma que eu utilizei para contornar o problema foi abrindo o appConfig e implementando 'provideHttpClient(withFetch())' como argumento no providers. então o meu arquivo 'appConfig' ficou assim: export const appConfig: ApplicationConfig = { providers: [provideRouter(routes), provideClientHydration(), provideAnimations(), provideHttpClient(withFetch())] }; Caso tenha uma melhor forma de contornar isso, me avisem :)

[@JoaoFelipeSilvaLamounier]

Cara muito obrigado, não consegui achar uma solução melhor. Na verdade nem tinha encontrado nada, poderia me dizer onde encontrou essa solução? Já tinha procurado em vários fóruns inclusive stackoverflow e nada. Já to ficando bem estressado com o tempo que perco com essa mudança de sintaxe do angular 17 kkk

[@Matewws28]

Amigo, na vdd é mais simples que isso. Se vc olhar dentro do appConfig, vc vai ver que é ele que está chamando os providers para o bootstrapApplication. Basta inserir ali o importProvidersFrom(HttpClientModule), fazer os imports nescessários e já era. export const appConfig: ApplicationConfig = { providers: [ provideRouter(routes), provideClientHydration(), provideAnimations(), importProvidersFrom(HttpClientModule), ], };

[@B2inPlayCode]

@@Matewws28 MANOOO salvou demais

[@AudalioDevOps]

Muito Obrigado! Ajudou muito! Nem o ChatGPT conseguiu me passar a resposta que você nos disponibilizou e agora deu certo! :)

[@AudalioDevOps]

Olá iridizedream! Por acaso você conseguiu terminar o projeto usando a versão 17 ? Chegou a subir o projeto no GitHub? Fico no aguardo e desde já agradeço!

[@marianabastos8376]

tô ansiosa para chegar logo na parte de Spring!!

[@emersonpessoa05_10]

Loiane...não sei você é mais linda ou mais inteligente. Sua didática é perfeita! Parabéns pela sua competência!!!!

[@annahelenadrumond9430]

Ou mais gentil... na verdade acho que ela é gentil, doce, linda e inteligente 🥰. Uma brasileira que representa o Brasil nos USA com muito orgulho!!

[@emersonpessoa05_10]

@@annahelenadrumond9430 observação perfeita!

[@Anderson-Rocha]

@@annahelenadrumond9430 E capixaba também rsrs

[@joaocandido1326]

seguindo ...

[@bartoalheiros3616]

Parabéns por suas aulas, você explica muito bem. Excelente professora. Eu me atrapalhei aqui e terminei fazendo uma coisa que você depois fez no vídeo, é a correria do dia-a-dia. Que venham mais aulas como essa!

[@umamentepelomundo]

Demais Loiane! Muito obrigado por compartilhar!

[@leonardosoares6397]

Ansioso para a proxima aula, que top viu! Loiane você consegue passar o conteúdo de uma forma tão tranquila, que me sinto um expert em Angular já....kkkkkk. Abraço e muito obrigado

[@frojobags]

Lioane só gratidão por suas aulas , você explica tudo de maneira clara e direta , sem enrolação e sem perder o fio do que está sendo abordado. Muito obrigado mesmo.

[@felipemacedocomputacao]

gostei muito da organização de código

[@ferfoxnando]

Como sempre, qualidade! Parabéns!

[@JuvencioAbilioCome]

Bastante didáctica a Loiane! Fantástico. 👌👏👏

[@appslima4297]

estou amando as aulas, o melhor de tudo que vc manja demais e passa bem mastigado pra gente, estou na expectativa de aprender bastante ! mesmo trabalhando com angular a quase 4 anos já.

[@gustavoduarte2221]

wonderful teacher!

[@marcelo8038]

Loiane, ótima didática e o conteúdo muito bem dividido organizado.

[@nilsonjunior4962]

Curso muito bom, parabéns

[@olintosergio5230]

amandooooooo

[@jairesilva]

Parabéns pelo vídeo, muito bom!!!

[@samuelfizvendas]

Vamos seguindo Parabéns, conteúdo top. Obrigado por compartilhar seu conhecimento!!! 👏👏👏

[@marcelops11]

Você é a melhor!

[@persistere8281]

Perfeita!

[@alyessonsousa8317]

Muito boa a explicação....😊😊

[@domiciojosedasilva9438]

Loiane, Show as suas aulas. Aguardando a aula 09

[@mugatu2017]

after version 14 is possible to use inject, like this const service = inject(CursosService), outside constructor

[@marcosalmirjunior9923]

Muito obrigado pelas aulas, está sendo de grande ajuda!!! Uma sugestão: Já que está sendo disponibilizada uma aula por semana, poderia dizer o que vai ser feito no próximo vídeo, ficando como desafio para irmos tentando ao longo da semana. Mais uma vez muito obrigado!!!

[@HaroldoRamirezdaNobrega]

Parabéns pelo conteúdo Loiane, te acompanho desde o Angularjs. Abraços.

[@virgiliopiresdacosta9591]

Parabéns, conteúdo top. Obrigado por compartilhar!!! 👏👏👏

[@jacintosoftware]

obrigado

[@ezequielhenriquecampana588]

Show de bola... Excelente didática e ótimo conteúdo apresentado...Parabéns!!

[@marcoshaag15]

Basicamente o Service, serve como ponte de Beck-end para Front, pegar dados do banco e jogar em tela...

[@mugatu2017]

Thanks for your amazing work Loiane, parabens, i would like you to ask you if is posible to use CanActivate and Resolvers guards in a lazzy loading context, obrigado

[@thiagosilvaricardo4714]

Como sempre aula perfeita!

[@Anderson-Rocha]

Esta questão do ngOnInit() foi definido no Angular 15, pois, não cria mais esta interface automaticamente, na verdade, no meu não criou nem o construtor.

[@carlosync]

Muito bom..

[@wemersonalmeida9290]

top

[@miqueiasbelarmino2529]

QUA-LI-DA-DE!!!!!!

[@lucasfranciscopaixaodegois9247]

show!

[@nse69]

show...

[@hugoleonardo3758]

otima didatica, só uma dúvida, os vídeos 7 e 8 não estão sendo colocados mais na playlist.

[@TheTomplays]

Loiane, muito obrigado, sempre nos ajudando. Lá no seu site de cursos a aula 08 ainda não entrou. =D

[@gruporsf]

Top Loiane, uma pergunta, qual o nome desse tema do visual studio code que você está utilizando?

[@casadokaneko1871]

Olá, Estou usando o angular 18 e deu erro com o HttpClient, posso prosseguir sem ele?

[@gabrielfarias6273]

estou acompanhando essa playlist mas a playlist tem alguns videos de 5 anos atras e outros como este, atualizados, posso seguir nessa ordem mesmo?

[@godoygames1]

Oi Loiane, eu recentemente estou com dúvidas sobre fazer a requisição da api utilizando promessas ou observables. A minha dúvida é: é errado (ou má prática) utilizar requisições de promessas? Pq?

[@avav9566]

Depois dessa aula..... tive esse erro ao rodar: Error: node_modules/@angular/common/http/http.d.ts:91:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class. This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy. 91 export declare class HttpClient { O problema parou de ocorrer removendo os import "http" do "app.module.ts"

[@moisesferreiradoprado8980]

Pra mim funcionou mais no console apareceu essas advertências --> drive.google.com/file/d/18XS5WpDcDVVTT4Ky4fOe2sJB2AED6f7l/view?usp=sharing

[@math6734]

muito bom