Este que queremos executar é monitorar o componente por duas maneiras: A primeira é oferecendo 1 tempo elevado de modo a qual este usuário conclua a digitaçãeste da palavra qual está buscando atravfois do mfoitodo debounceTime e a segunda é utilizando este mé especialmentetodo distinctUntilChanged qual irá comparar a palavra (ou a sequência por caracteres) digitada com a última que foi procurada, evitando qual uma nova requisiçãeste mesmo que emitida para um resultado que já se encontra na tela.
Previamente do passarmos de modo a a próxima etapa, vamos incluir um evento nas células. Faça a seguinte modificação em home.html:
Este componente Content (que gere a tag do nosso template html) disponibiliza um método por controle do scroll chamado scrollToTop. Podemos inserir este Lei pelo inÃcio do método showFilters da Action Sheet dessa FORMATO:
Agradecemos este patrocÃnio da empresa alura por nos ajudar a preservar este site, a todos os momentos cuidando para qual possamos publicar conteúdo do capacidade para a comunidade.
Pelo nosso caso, utilizaremos esse evento de modo a inserir ESTES posts mais recentes pelo inÃcio do array, ao contrário do que fizemos utilizando o componente InfiniteScroll.
Em seguida, transformamos o resultado dessa requisiçãeste utilizando este operador map e este convertemos de modo a JSON atravé especialmentes do método subscribe (“similar†ao mfoitodo then por uma Promise).
Estamos chegando ao fim da criação do nosso aplicativo. Vimos de que, apenas com pequenos ajustes, foi possÃvel obter 1 código Muito mais modular e ainda incluir o componente SearchBar usando este visual visual indicado de modo a cada plataforma.
Perceba igualmente qual, tais como boa prática, movemos a requisiçãeste da API para 1 mfoitodo chamado fetchContent que é então chamado imediatamente pelo construtor.
Caso você possua conseguido testar usando sucesso, deve ter percebido de que, ao clicar em uma das cé especialmentelulas, há 1 certo delay entre este momento do clique e este carregamento da página.
Em seguida adicionamos o mé especialmentetodo actionSheet.present de modo a de que o confira este site componente seja apresentado na tela.
Este app será cem% funcional e poderá ser instalado pelo seu smartphone e, quem sabe, até exatamente evoluir usando a inclusão por novas funcionalidades.
Outro problema aparente são ESTES tÃtulos Destes posts de que somem ao atingir a borda da célula. Precisamos incluir uma quebra por linha para de que eles sejam apresentados por completo. Dessa vez iremos aplicar a alteraçãeste à s três plataformas:
Em seguida, pegamos o array resultante da requisição e adicionamos pelo fim do array original atravfois do mfoitodo concat do JavaScript. Note similarmente identicamente conjuntamente qual utilizamos este mé especialmentetodo complete do componente, indicando qual este exatamente deve ser removido da view.
Note que este atributo src da tag do imagem está envolto por colchetes. Tal sintaxe se chama Property binding