0

Eu tenho uma service me retornando um array que contem fotos e quando eu "scrollo" pagina ele soma +1 na pagina de fotos e eu queria mostrar as novas fotos abaixo das fotos atuais

  getPhotos(page: number) {
    this.updateMasonryLayout = true;
    this.unsplashAPI.random(0 + page)
      .subscribe(
        (photos: any[]) => this.photos = photos,
        (error: any) => this.errorMessage = error as any
      );
  }

Esse codigo me retorna a pagina mas sempre troca a pagina atual ou seja troca os valores do array e eu quero manter os valores antigos mais os valores novos

2 Respostas 2

3

Com o es6 tem a possiblidade de fazer com deconstructing

arrNovo = [...arr1, ...arr2] // voce pode fazer com quantos arrays quiser e a ordem importa.
3
  • eu teria que criar um array para receber o antigo primeiro? pq eu queria que ficasse somando o retorno no array atual como um += Commented 6/09/2019 às 18:39
  • vc pode fazer arrAtual= [...arrAtual, ...arrNovo] Commented 6/09/2019 às 18:40
  • entao fica this.photos =[...this.photos, ...photos] isso né? Commented 6/09/2019 às 22:51
0

Pode fazer da seguinte forma:

getPhotos(page: number) {
    this.updateMasonryLayout = true;
    this.unsplashAPI.random(0 + page)
      .subscribe(
        (photos: any[]) => this.photos = this.photos.concat(photos),
        (error: any) => this.errorMessage = error as any
      );
  }
9
  • nao funcionou desse jeito apresenta o seguinte erro Cannot read property 'concat' of undefined Commented 6/09/2019 às 18:20
  • O this.photos deve ser iniciado com um array vazio. Provavelmente ele não está sendo iniciado, com isso chegando undefined e estourando o erro. .concat é um método de array. Commented 6/09/2019 às 18:21
  • ele esta inicializado como array Commented 6/09/2019 às 18:22
  • Tem como você colocar o código do component e do service pra ter uma ideia melhor do que pode estar acontecendo então? Commented 6/09/2019 às 18:25
  • 1
    O concat funciona em qualquer versão do angular. Tudo que você pode fazer com vanila js você consegue fazer com angular Commented 6/09/2019 às 19:02

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 .