Curso Angular #41: Comunicação entre componentes usando serviços (broadcast de eventos)

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 98

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

    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!

  • @elderoliveira4440
    @elderoliveira4440 2 года назад +9

    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!

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

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

  • @janainaoliveira1706
    @janainaoliveira1706 3 года назад +4

    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!

  • @diiegoss
    @diiegoss 6 лет назад +2

    3 horas tentando resolver a comunicação entre componentes... Vejo essa aula e resolvo em 15 minutos. Muito bom! Adorei!

  • @JeanCarlos-ni4fv
    @JeanCarlos-ni4fv 4 года назад +1

    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.

  • @renanvieira9597
    @renanvieira9597 5 лет назад

    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

  • @brenobcsilva
    @brenobcsilva 5 лет назад +7

    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!!

  • @danielbezerrademenezes8063
    @danielbezerrademenezes8063 7 лет назад +1

    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

  • @nikolassoares
    @nikolassoares 4 года назад

    Loiane vc não tem noção de como essa aula me ajudou aqui em um job. Muito obrigado mesmo!

  • @kmtreco2
    @kmtreco2 5 лет назад

    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 !

  • @danielletorres3733
    @danielletorres3733 Год назад

    Loiane, muito obrigada! Você é fera!

  • @DanielBritoSp
    @DanielBritoSp 5 лет назад

    Essa aula deu um nó ferrado na minha cabeça, vou assistir mais de uma vez pra entender

  • @dineyoliveira5436
    @dineyoliveira5436 6 лет назад +2

    melhor curso de angular do youtube

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

    Você é espetacular, @Loiane Groner! Muito obrigado!

  • @jlzsantos
    @jlzsantos 4 года назад

    Perfeito Loiane! Parabéns, você explica muito bem. Obrigado por compartilhar seu conhecimento conosco.

  • @josuetex
    @josuetex 8 лет назад

    Parabéns! De uma clareza sem fim, continue com essa didática.

  • @luizhp
    @luizhp 5 лет назад +1

    Que aula primorosa 💖. Meus efusivos parabéns por compartilhar seu tempo e conhecimento!

  • @ivetefonseca7403
    @ivetefonseca7403 5 лет назад +3

    Que aula difícil, Loiane! (rsrs). Parabéns! você é maravilhosa... Adoro suas aulas!

  • @rmendonca01
    @rmendonca01 4 года назад +4

    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.

  • @RafaelMohedano
    @RafaelMohedano 7 лет назад

    Excelente!!! Muito didático.
    Essa parte de comunicação é a que causa mais confusão.
    Obrigado!

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

    Parabéns Loiane! ótima didática!👌👏👏👏

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

    Excelente aula! me ajudou muito....Muito Obrigado!!!

  • @Halissonskalee
    @Halissonskalee 5 лет назад

    Meu deusssss! muito boa essa aula, só tive que repetir algumas vezes! parabéns!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @ednilsonamaral9441
    @ednilsonamaral9441 7 лет назад

    Exemplo do subscribe foi show! Parabens pelas aulas, estou assistindo toda a playlist! =D

  • @leandrodasilvaalves844
    @leandrodasilvaalves844 5 лет назад

    Show! Excelente explicação, meu ajudou pra caramba. Muito obrigado Loiane!

  • @rodolfonogueira3528
    @rodolfonogueira3528 8 лет назад +2

    Declarar o EventEmitter como static é genial!!
    Parabéns!!

  • @gubmx20
    @gubmx20 6 лет назад

    Muito obrigado por compartilhar seu conhecimento! Manja muito!

  • @carlossoares2938
    @carlossoares2938 5 лет назад

    Loiane, obrigado por você existir, me ajudou muitooooo!

  • @eduardokaiser6413
    @eduardokaiser6413 5 лет назад +8

    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!

    • @eduardokaiser6413
      @eduardokaiser6413 5 лет назад

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

    • @DanielBritoSp
      @DanielBritoSp 5 лет назад

      @@eduardokaiser6413 boa! Loiane, se puder ir com calma nos cortes haha mesmo assim obrigado pelo conteúdo, nunca é demais agradecer.

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

    Finalmente consegui fazer tudo com o Angular atual. kkk Deu certo aqui, espero que não tenha burlado a lógica pra conseguir.

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

    caraca, que aula boladona mané : 0 assisti 3 vezes pra entender hshsjshjshsj Toop

  • @lucasandrade2840
    @lucasandrade2840 8 лет назад +12

    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.

    • @renancoelho5657
      @renancoelho5657 7 лет назад

      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.! :)

    • @LageAfonso
      @LageAfonso 7 лет назад +1

      É questão de costume. Estou assistindo aos cursos dela na velocidade 1.5, pq já tenho experiência com linguagens similares.

    • @nataliaavila396
      @nataliaavila396 7 лет назад +2

      Essa aula tá muito interessante e complicada, to assistindo pela terceira vez também

    • @impostordasbet
      @impostordasbet 7 лет назад +1

      Estamos no mesmo barco! kkk Importante é pegar o conteúdo!

    • @rodrigochagas24
      @rodrigochagas24 7 лет назад

      somos 2.

  • @ariel_alves_dutra
    @ariel_alves_dutra 6 лет назад

    Exatamente o que eu precisava!!! Obrigado!

  • @tuliohenrique5274
    @tuliohenrique5274 5 лет назад

    Aula perfeita !! Muito boa.

  • @bernardosuede9586
    @bernardosuede9586 5 лет назад

    Loiane, show!!! Obrigado

  • @joserobertopaoliellojunior484
    @joserobertopaoliellojunior484 7 лет назад

    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.

  • @gbdaniel100
    @gbdaniel100 7 лет назад +1

    Que aula hein! Show!

  • @ChopterMan
    @ChopterMan 5 лет назад

    Excelente aula!

  • @amandaavelino8362
    @amandaavelino8362 6 лет назад

    Muito bom! Obrigada Loiane!
    Com o AngularJS eu não cheguei a ver Broadcast.
    I had no idea how to do it! xD.

  • @removed107
    @removed107 6 лет назад

    Excelente aula.

  • @regisoda7091
    @regisoda7091 8 лет назад

    Parabéns! Ótimo curso...

  • @walmircastro2778
    @walmircastro2778 6 лет назад

    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???

  • @Sc4rPride
    @Sc4rPride 8 лет назад

    Top demais essa aula!

  • @wmdn29
    @wmdn29 2 месяца назад

    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.

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

    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.

  • @jrodrigo887
    @jrodrigo887 4 года назад +2

    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?

  • @carvalhos1296
    @carvalhos1296 4 года назад

    Qula o mas usado do jeito @input @output Ou EventEmitter?????

  • @LageAfonso
    @LageAfonso 7 лет назад

    Excelente! Parabéns!

  • @aercioferreiraneiva8640
    @aercioferreiraneiva8640 8 лет назад +1

    muito bom, parabéns!!!

  • @marlonreis2409
    @marlonreis2409 7 лет назад

    Muito boa, curti muito!

  • @CarlosAlmeida1962
    @CarlosAlmeida1962 7 лет назад

    Muito bom! Obrigado

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

    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?

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

      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

  • @maiconkeller10
    @maiconkeller10 7 лет назад

    Ó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.

  • @reginaldosempre01
    @reginaldosempre01 6 лет назад

    Vixi a melhor aula

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

    muito bom

  • @didamendes
    @didamendes 6 лет назад

    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 ???

  • @ffpthai
    @ffpthai 4 года назад

    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!

  • @cezarsilvagomes9910
    @cezarsilvagomes9910 6 лет назад

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

  • @jinacio
    @jinacio 6 лет назад

    GENTE! Pra mim não aparece nada no console.log e nem no vídeo (6:00) daquela arrow function
    curso => console.log(curso)

  • @jacksoncamara921
    @jacksoncamara921 8 лет назад

    Obrigado!!!

  • @NaturezaeAfins
    @NaturezaeAfins 7 лет назад +5

    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.

    • @juliamiranda9307
      @juliamiranda9307 5 лет назад +1

      só se for pra quem não está prestando atenção

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

      @@juliamiranda9307 Pra quem tá replicando o código sem acompanhar o entendimento.

  • @gabrielabiramia
    @gabrielabiramia 8 лет назад

    Loiane, nao estou encontrando onde vc fala os plugins do Visual Studio Code. Poderia me passar ?

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

    seria interesante haber usado $ para saber que es un tipo de subscription, tambien se podia haber usado const crearNuevoCurso = new BehaviorSubject('')

  • @brunokoerich6781
    @brunokoerich6781 6 лет назад +2

    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!

    • @jorgeandradeneto
      @jorgeandradeneto 4 года назад

      deve ser só a apresentação da funcionalidade pra depois ensinar os observables que devem ser os corretos

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

      @Loiane Groner É uma má prática utilizar o EventEmitter em services?

  • @eduardoisidoro3045
    @eduardoisidoro3045 6 лет назад

    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?

    • @loianegroner
      @loianegroner  6 лет назад

      Sim. É sempre bom fazer unsubscribe, vou falar melhor sobre isso no módulo de http.

  • @cezaralves7670
    @cezaralves7670 4 года назад +2

    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.

  • @CesarDevesa
    @CesarDevesa 7 лет назад

    Saquei!

  • @rafacarva
    @rafacarva 5 лет назад +1

    Me embananei todo nessa aula :(

  • @philipedesouzasantos1201
    @philipedesouzasantos1201 5 лет назад +4

    Das 41 aulas que assisti até agora, essa foi a única confusa :/ realmente, dava pra separar em duas aulas numa boa.

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

    Os cortes da edição tornou um pouco dificil de entender... tive que assistir 3 vezes

  • @Eloilson61
    @Eloilson61 7 лет назад

    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
    );

    • @EliasJr22
      @EliasJr22 7 лет назад

      ngOnInit() {
      this.cursosService.emitirCursoCriado.subscribe(
      cursoCriado => this.curso = cursoCriado
      );
      }

  • @danielneto6619
    @danielneto6619 5 лет назад

    Descobri como criar meu RUclips hahaha

  • @iagomachado17
    @iagomachado17 7 лет назад +12

    essa aula foi bastante complexa. seria interessante dividir ela em duas etapas. Mas o conteúdo é excelente !

  • @cesarferreira605
    @cesarferreira605 5 лет назад

    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.

  • @dionemaciel3894
    @dionemaciel3894 4 года назад

    Tive q reassistir pra entender. Muito complexa essa parte

  • @albertodepaivabelo
    @albertodepaivabelo 4 года назад

    A dificuldade dessa aula ta no conceito de Observables, recomendo estudar um pouco antes de ver essa aula!

  • @evillynoliveira5982
    @evillynoliveira5982 5 лет назад

    complicada

    • @loianegroner
      @loianegroner  5 лет назад +1

      Olá, poderia especificar a dúvida por favor, pra que eu possa ajudar a entender?

    • @evillynoliveira5982
      @evillynoliveira5982 5 лет назад

      @@loianegroner obrigada pela atenção loiane, estou assistindo agora novamente e já estou entendendo melhor

  • @guarujadigitalmarketing_4855
    @guarujadigitalmarketing_4855 7 лет назад +1

    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.