1

Atualmente estou fazendo um projeto e preciso pegar uma informação do banco que seja atualizada e para isso estou dando um get a cada 5 segundos utilizando o setInterval. Mas eu sei que esse não é o melhor dos mundos, então gostaria de saber o que fazer.

Já ouvi falarem sobre subscription ou algo do tipo, mas não faço a menor ideia de como implementar.

import { ApiService } from 'src/app/core/services/api.service';

 ngOnInit() {
    this.getFiles();
    this.interval = setInterval(() => {
      this.getFiles();
    }, 5000);
  }
  
  
  getFiles() {
    const files = this.apiService.getFiles().subscribe(data => {
        return data['response'];
    }, error => {
      console.log(error);
    });
  }

1 Resposta 1

1

Dá para trocar o setInterval() do Vanilla pelo Observable.timer com Angular, basta importar as libs necessárias e utilizá-lo, pode ver um exemplo funcionando aqui, no exemplo é utilizado tbm o método takeWhile(() => this.alive) que executa o timer apenas com o componente em questão ativo, no caso vc nem precisa de uma função para realizar a requisição Http, vc já pode incluí-la junto dos métodos:

import { ApiService } from 'src/app/core/services/api.service';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/takeWhile';
import 'rxjs/add/observable/timer';

ngOnInit() {
  Observable.timer(0,5000)  // Seta o timer para cada 5 segundos
  .takeWhile(() => this.alive) // Apenas com o componente ativo
  .subscribe(() => {
    const files = this.apiService.getFiles().subscribe(data => {
      return data['response'];
    }, error => {
    console.log(error);
    });
  });
}
3
  • Mas não da pra fazer atualização somente se houver mudança? Porque dessa forma ele continuará a fazer requisição a cada 5s neh? Commented 14/08/2019 às 11:35
  • Mas atualização de que, não deixou claro na pergunta??
    – LeAndrade
    Commented 14/08/2019 às 11:38
  • Você tem razão. Mas a atualização está relacionada com o valor da variável files. Commented 14/08/2019 às 17:42

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .