Curso Angular #133: Popup de Confirmação genérica Bootstrap 4 (com RxJS)


https://i.ytimg.com/vi/8Y6-SC10CMA/hqdefault.jpg



Curso de Angular Gratuito e Completo com Certificado: http://loiane.training
Aulas sobre Angular

Blog: https://loiane.com
Site: https://loiane.training
Facebook: https://www.facebook.com/loianegroner
Github: https://github.com/loiane
Twitter: https://twitter.com/loiane

Repositório dos exemplos: https://github.com/loiane/curso-angular
Slides: https://slides.com/loiane

#Angular
#CursoAngular
#Http
#HttpClient
#RxJS

Original source

13 thoughts on “Curso Angular #133: Popup de Confirmação genérica Bootstrap 4 (com RxJS)

  • January 28, 2021 at 23:26
    Permalink

    Antes de assistir esse curso, eu fiz um pouco diferente e mais simples. A diferença é que eu passei o pai como parâmetro pra modal como "this" (assim como o titulo e o corpo da mensagem), com isso, na modal eu tinha a referência do pai, e quando clicava na ação de confirmar da modal, eu chamada o confirmar do pai, e o método era executado lá no pai. É muito feio dessa forma?? 🙂

  • January 28, 2021 at 23:26
    Permalink

    Um pequeno adendo, caso alguém necessite utilizar o valor de alguma input para realizar uma ação no OnInit, é preciso passar os paramentros no initialState da modal ao invés de setar o content

  • January 28, 2021 at 23:26
    Permalink

    boa tarde Loiane Groner, utilizei esse seu exemplo e fiz uma modal de loading. só que enfrentei alguns problemas.

    1° quando inicio um metódo, abro a modal, eu não consigo fazer o hide da modal no mesmo metódo. exemplo:
    metodo(){
    abremodal();
    .
    .
    fechaModal();
    }

    2° quando inicio um metodo que faço e faço uma requisição, (post, get ….), quando a requisição é feita com sucesso, tenho que colocar um delay de no mínimo 500milisegundos, aí lá no subscribe do metódo ele fecha a modal porque se não ele não fecha a modal

    3° quando o meu servidor retorna com erro por exemplo o erro 403 não autorizado,
    a modal não fecha. eu criei um método dentro do alert-modal-service, pra fechar a modal. mas nesses casos que eu te disse ele não funciona.

    só funciona quando a requisição é com sucesso e na requisição http tem um delay de no minimo 500 milissegundos.

    ao que me parece quando a requisição é muito rápida, parece-me que ele perdeu a referencia da modal. quando chamo o metódo pra fechar, ele aparece como undefined

  • January 28, 2021 at 23:26
    Permalink

    Fui migrar para o Angular 8 e só recebo mensagem de incompatibilidade com Typescript 3.5.1.. e não consigo mais fazer funcionar

  • January 28, 2021 at 23:26
    Permalink

    Excelente didática, pena que o curso está na reta final. Já pensou no próximo curso ser com o Ionic, já que as aulas de Angular seriam uma ótima base?

Leave a Reply