Angular 2 – Entendendo o padrão Observer

Curso básico gratuito de Angular 2 | kazale.comO objetivo dessa aula explicar o padrão de projetos Observer, utilizado no Angular 2 para efetuar requisições assíncronas.

 

Digite seu email para se inscrever em nossa newsletter e receber atualizações sobre novos conteúdos.

Ao término dessa aula você entenderá como o padrão de projetos Observer funciona.
Conteúdo da aula

1. Introdução

O padrão de projetos Observer é amplamente utilizado pelo Angular 2, sendo inclusive um de seus diferenciais.

Através do uso de Observables, o Angular 2 consegue fazer uso do que chamamos de programação reativa, baseada em notificações e processamento assíncrono.

Através da programação reativa, é possível criar aplicações altamente interativas e dinâmicas, o que está se tornando um padrão a ser seguido para as novas implementações e avanços do desenvolvimento web.

O Angular 2 utiliza a popular biblioteca RxJS para tal implementação.

Confira a seguir uma aula interativa explicando como funciona o padrão de projetos Observer:

4 comentários em “Angular 2 – Entendendo o padrão Observer

    1. Olá Luciano,

      no Angular usando o Typescript, você poderia criar um Observable manualmente, e sempre que quiser notificar o subscriber, basta chamar o método ‘next’, dessa forma você consegue controlar todas as notificações dele.

      Segue um exemplo de método:

      obterDados(): Observable {
      return new Observable(observable => {
      observable.next(this.dados); // notificar os subscribers retornando os dados, pode ser chamado múltiplas vezes
      observable.complete(); // notifica subscribers que terminou de notificar
      });
      }

  1. Eu estou tendo bastante dificuldade em entender o Observable quando já retornou os dados e apos um metodo cadastrar ter que atualizar determinada lista de dados que ja estava carregada na tela.

    É necessário chamar novamente um método para obter os dados, ou o Observable fica acompanhando o serviço que foi instanciado?

    1. Olá Douglas,

      para que você seja notificado das atualizações realizadas por um Observable, você deverá se inscrever (subscribe) para esse Observable.

      Por exemplo, caso você deseje atualizar uma listagem de dados associadas a um retorno do Observable, você deverá chamar o método subscribe do mesmo, e assim executar a ação de popular tal lista dentro dele. Com isso a listagem sempre será notificada e atualizada assim que o Observable receber alguma atualização.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

3 × 1 =