Curso Angular #41: Comunicação entre componentes usando serviços (broadcast de eventos)
ฝัง
- เผยแพร่เมื่อ 13 ธ.ค. 2024
- Curso de Angular Gratuito e Completo com Certificado: loiane.training
Aulas sobre Angular 2 e Angular 4
Blog: loiane.com
Site: loiane.training
Facebook: / loianegroner
Github: github.com/loiane
Twitter: / loiane
Repositório dos exemplos: github.com/loi...
Slides: www.slideshare....
Muito obrigado por essa aula maravilhosa!
Estou estudando Angular e estou fazendo um projeto pessoal e queria fazer essa comunicação entre os componentes, trocando a informação exibida conforme eu clique em uma opção. Graças a essa aula consegui. Novamente muito obrigado, didática perfeita!
Essa aula é bem técnica, e pra quem esta começando acaba tendo dificuldade mesmo, mas sua didática é excelente... então algumas vezes tive que voltar alguns segundos e pausar, e também ir acompanhando atentamente, enfim tudo entendido, bora praticar!
Precisei ver 3x o vídeo para fixar bem.
- A primeira, para meu cérebro ser apresentado à informação kkk.
- A segunda, para eu realmente entender o que foi feito.
- A terceira, para anotar no meu OneNote e ai sim fixar.
Mesmo sendo um assunto um pouco mais complexo, a didática e o conhecimento da Loiane estão de parabéns!
eu hoje depois de 2 anos de angular sei que ela complicou o exemplo, pois misturou o assunto instancia de serviços com comuinicação de componentes....
3 horas tentando resolver a comunicação entre componentes... Vejo essa aula e resolvo em 15 minutos. Muito bom! Adorei!
Nossa essa aula me ajudou muito. Conseguir fazer os componentes conversarem entre si, utilizando somente uma instância do serviço. Vlw muito obrigado, já tem um inscrito.
Loiane voce é uma das maiores profissionais de programação que conheço de toda a internet, mas gente, pra que essa pressa nos videos rsrsr pra gente que estamos aprendendo, a gt gasta mais tempo voltando o video, seu q no dia a dia de um programador será assim, mas a forma que voce muda as telas, ja termina de digitar mudando de tela, pra quem ta aprendendo demora quase 1h pra cada aula. Mas é claro tbm que alem de ser um otimo conteudo nada é de graca ne rsrs muito obrigado por essa ajuda e com a sua parceria nos conseguimos nos tornar otimos profissionais. Muito obrigado!!
Loiane, muito obrigada! Você é fera!
Parabéns pela aula Loiane! eu ja estava na metade de um curso de 200 videos sobre Angular mas voltei a ver tudo do zero com seus videos pela sua didática. Altissimo nivel a aula! obrigado por compartilhar seus conhecimentos! abraço
Nossa salvou minha pele, eu estava com um problema e não sabia como resolver eu tive uma aula sobre EventEmiitter em um curso pago mais não foi bem explicado e se tratava de rotas dai apareceu um problema com comunicação entre conponentes e não dava pra fazer pq eu estava utilizando .service ja fazia 2 dias quebrando a cabeça dai achei essa excelente professora com uma ótima didática, nossa explica ,muito bem sem palavras para lhe falar o quanto vc me ajudou disponibilizando seu conhecimento de graça para todos muito sucesso na sua vida e continua fazendo a diferença no mundo, eu ainda não conhecia seu canal mais agora já estou inscritos e vou fazer todos seus cursos. obrigado! :D
Loiane vc não tem noção de como essa aula me ajudou aqui em um job. Muito obrigado mesmo!
melhor curso de angular do youtube
Você é espetacular, @Loiane Groner! Muito obrigado!
Essa aula deu um nó ferrado na minha cabeça, vou assistir mais de uma vez pra entender
Perfeito Loiane! Parabéns, você explica muito bem. Obrigado por compartilhar seu conhecimento conosco.
Foi a aula mais difícil até o momento, acho q deveria realmente ter dividido ela em duas etapas, acredito que será necessário assistir mais de uma vez para assimilar tantas mudanças. De qualquer forma, obrigado pelo vídeo.
nossa, quantas vezes eu ja assisti essas aulas mais de uma vez para revisar algo que esqueci ou que n aprendi direito hahahah nem pra deixa um obrigado em nenhuma delas ;)
obrigado !
Parabéns! De uma clareza sem fim, continue com essa didática.
Excelente!!! Muito didático.
Essa parte de comunicação é a que causa mais confusão.
Obrigado!
Que aula difícil, Loiane! (rsrs). Parabéns! você é maravilhosa... Adoro suas aulas!
Declarar o EventEmitter como static é genial!!
Parabéns!!
Excelente aula! me ajudou muito....Muito Obrigado!!!
Meu deusssss! muito boa essa aula, só tive que repetir algumas vezes! parabéns!!!!!!!!!!!!!!!!!!!!!!!!!!
Parabéns Loiane! ótima didática!👌👏👏👏
Que aula primorosa 💖. Meus efusivos parabéns por compartilhar seu tempo e conhecimento!
Exemplo do subscribe foi show! Parabens pelas aulas, estou assistindo toda a playlist! =D
Show! Excelente explicação, meu ajudou pra caramba. Muito obrigado Loiane!
Muito obrigado por compartilhar seu conhecimento! Manja muito!
Finalmente consegui fazer tudo com o Angular atual. kkk Deu certo aqui, espero que não tenha burlado a lógica pra conseguir.
caraca, que aula boladona mané : 0 assisti 3 vezes pra entender hshsjshjshsj Toop
Loiane, show!!! Obrigado
O curso é muito completo e a didática é ótima também. Somente reforçando o que disse o @guarujamkt tste, esta aula poderia ser dividida mesmo.
Que aula hein! Show!
Exatamente o que eu precisava!!! Obrigado!
Aula perfeita !! Muito boa.
Loiane, obrigado por você existir, me ajudou muitooooo!
Pelo menos para mim foi uma aula bem complicada kkk tive que assistir umas 3/4 vezes, mas valeu a pena, muito conteúdo útil e com certeza muito proveitoso no dia a dia.
Pra mim foi bem complicada também. Rs. Mas de tanto eu insistir, cheguei até a recriar o projeto, agora entendi bem como trabalhar com serviços e fazer a comunicação entre componentes distintos.! :)
É questão de costume. Estou assistindo aos cursos dela na velocidade 1.5, pq já tenho experiência com linguagens similares.
Essa aula tá muito interessante e complicada, to assistindo pela terceira vez também
Estamos no mesmo barco! kkk Importante é pegar o conteúdo!
somos 2.
Excelente aula!
Muito bom! Obrigada Loiane!
Com o AngularJS eu não cheguei a ver Broadcast.
I had no idea how to do it! xD.
Parabéns! Ótimo curso...
Excelente aula.
Excelente! Parabéns!
Top demais essa aula!
Loiane, você joga baralho profissionalmente né? embaralhou tudo a cabeça aqui kkkkk
Mas foi de boa no final, consegui entender. Só fica uma dica, você está editando o vídeo e cortando as coisas pro vídeo ficar mais curto, NUNCA corte uma parte do vídeo onde você errou alguma coisa ou digitou errado, mostre você corrigindo, isso dá um nó na cabeça tremendo pra quem está assistindo, se não prestar atenção que o vídeo foi editado e a palavra errada foi corrigida.
Mas to adorando o curso, mesmo sendo novembro de 2019 agora e seu curso sendo BEM antigo, tá legal assistir e aprender. Obrigado pelo enorme esforço que teve ao fazer isso, que seja grandemente recompensada por ajudar o próximo!
@@canaldomonstro1112 é verdade, eu me toquei que minha dificuldade é porque eu NUNCA trabalhei com uma linguagem declarativa, então é difícil ler o código ou entender sendo que muita coisa acontece "por debaixo dos panos", como ela mesma sempre diz nas aulas. Mas é isso aí, é praticando que se pega o jeito!
@@eduardokaiser6413 boa! Loiane, se puder ir com calma nos cortes haha mesmo assim obrigado pelo conteúdo, nunca é demais agradecer.
Parabéns Loiane pelo excelente curso. Fiz um teste aqui passando EventEmitter e passei um formulario inteiro para outro componente, no console log vem o item cadastrado que selecionei no componete irmao para fazer update, a minha duvida usei o patchValue para popular o formulario no ngOnInitt e nao consigo usar por exemplo item.NomeCurso.tostring() para popular o formControl. Como faço para pegar esse objeto e carregar o formulario???
Muito bom! Obrigado
muito bom, parabéns!!!
Só fiquei em dúvida sobre o porque precisamos daquele evento, sendo que sem ele, a tela atualiza normalmente com a informação inserida no array e passada da service para o componente 2.
Muito boa, curti muito!
Oi, Loiane!
Suas aulas são maravilhosas, tenho aprendido bastante com você, suas explicações são bem esclarecedoras e direta. Meus parabéns!
Fiquei com uma dúvida, e quem poder responder agradeço, sobre esse EventEmitter estático e um objeto estanciados (...new CursosService), tem diferenças na execução?
tbm gostaria de saber
Qula o mas usado do jeito @input @output Ou EventEmitter?????
Essa foi bem difícil mesmo, saiu aqui mas ainda não ficou internalizado na minha cabeça não. Ainda não consigo nem replicar sem a explicação completa.
muito bom
Obrigado!!!
Loiane, espero que você ou alguém que use o Angular há um tempo veja essa dúvida.
Na versão do Angular CLI que você usa nesse vídeo, o módulo era criado automaticamente dentro do componente? Ou você criou por fora?
Ela sempre criou os módulos fora a parte. No vídeo ela ensina a criar o módulo já numa pasta específica também. Exemplo:
ng g m sua_pasta/nome_do_modulo
Vixi a melhor aula
Ótima aula! Obrigado por compartilhar seu conhecimento.
Como eu poderia compartilhar o curso recentemente inserido em diferentes browsers?
Ex.: Caso eu queira fazer um dashboard que fica aberto em diversos computadores e caso emita uma nova venda, o valor total das vendas do mês seja alterado sem necessidade de refresh.
Em relação ao broadcast de eventos, quando utilizar ele ??? Pelo que entendi o static no service, para o evento seja igual para diferentes instancia criada do service. Estou errado ???
logo a seguir do tempo 9:19 é dito "Receber o Curso Criado", e no video mostra escrevendo "cru" que na verdade é "cursoCriado"
então quem for assistir mude de cru para cursoCriado para funcionar, é só um detalhe mais pode complicar para alguem.
só se for pra quem não está prestando atenção
@@juliamiranda9307 Pra quem tá replicando o código sem acompanhar o entendimento.
uau, nem acredito que consegui acompanhar... Nem tanto pelos conceitos de OO mas pelas sintaxe e estrutura do Angular se misturar a tudo isso. Enfim, excelente aula!
@Loiane, vc comentou que o componente ReceberCursoCriado é filho do CriarCurso. É por causa que o CriarCurso usa ReceberCursoCriado no template html ou por causa da declaração no módulo?
Muito bom a curso, mas tô tendo que assistir em velocidade 0,5 kkkk, ainda mais com os cortes nas edições, aí que fica rápido mesmo.
GENTE! Pra mim não aparece nada no console.log e nem no vídeo (6:00) daquela arrow function
curso => console.log(curso)
Olá Loiane ao ver essa aula fiquei com a seguinte dúvida: usar EventEmitter em um serviço não é uma má pratica? Li alguns tutoriais falando sobre isso.
Parabéns pelas sua vídeo aulas ajudam muito!
deve ser só a apresentação da funcionalidade pra depois ensinar os observables que devem ser os corretos
@Loiane Groner É uma má prática utilizar o EventEmitter em services?
Loiane, nao estou encontrando onde vc fala os plugins do Visual Studio Code. Poderia me passar ?
aula 8, vídeo 9
Loiane, pelo fato de não estar fazendo .unsubscribe do Emitter, se você clicar no botão de adicionar curso 2 vezes a inserção será duplicada?
Sim. É sempre bom fazer unsubscribe, vou falar melhor sobre isso no módulo de http.
Das 41 aulas que assisti até agora, essa foi a única confusa :/ realmente, dava pra separar em duas aulas numa boa.
seria interesante haber usado $ para saber que es un tipo de subscription, tambien se podia haber usado const crearNuevoCurso = new BehaviorSubject('')
Saquei!
Me embananei todo nessa aula :(
Os cortes da edição tornou um pouco dificil de entender... tive que assistir 3 vezes
essa aula foi bastante complexa. seria interessante dividir ela em duas etapas. Mas o conteúdo é excelente !
No receber-curso-criado.component.ts não deu para ler toda a linda do ngOnInit() Veja: ngOnInit() {
this.cursosService.emitirCursosCriado.subscribe(
cursoCriado => this.curso.cursoCriado
);
ngOnInit() {
this.cursosService.emitirCursoCriado.subscribe(
cursoCriado => this.curso = cursoCriado
);
}
Descobri como criar meu TH-cam hahaha
Tive q reassistir pra entender. Muito complexa essa parte
Nossa, no angular deveria ter algo mais simples para passar dados entre componentes diferentes, deveria ser igual ao C#, onde passamos dados entre classes, por exemplo.
A dificuldade dessa aula ta no conceito de Observables, recomendo estudar um pouco antes de ver essa aula!
complicada
Olá, poderia especificar a dúvida por favor, pra que eu possa ajudar a entender?
@@loianegroner obrigada pela atenção loiane, estou assistindo agora novamente e já estou entendendo melhor
As aulas sao otimas mas acho que essa aula podia ser dividida. Muito conteúdo para uma única aula, o que obrigou voce a acelerar o pitch e para iniciantes ficou dificil de pegar tudo.