Por sua vez qual você já entendeu saiba como capturar uma proceder do usuário, vamos prosseguir utilizando as funcionalidades do nosso app e fazer utilizando que o post mesmo que exibido pelo browser.
Replicamos boa parte do Palavra presente pelo método fetchContent da classe home.ts aqui no nosso método fetchData, usando algumas diferenças.
Apesar de termos minha e sua barra de buscas funcionando perfeitamente, a cada caractere digitado estamos emitindo uma nova requisiçãeste, este que é desnecessário.
Ela está pequena e diminui ainda Muito mais de tamanho quando este botão por cancelar está ativo. Igualmente seria interessante escurecer 1 pouco Ainda mais a opacidade do background para lhe conferir elevado destaque:
No nosso caso, utilizaremos esse evento para inserir ESTES posts Ainda mais recentes no inÃcio do array, ao contrário do qual fizemos utilizando este componente InfiniteScroll.
Por sua vez qual você já sabe Ainda mais ou menos saiba como as coisas funcionam, vamos executar rapidamente uma requisiçãeste à uma API externa (Reddit) de modo a exibir seu resultado em uma lista no nosso template.
Notei certos problemas ao usar a Action Sheet de modo a filtrar a lista quando este scroll está numa posiçãeste bastante abaixo, pois a ação do carregar posts antigos É possibilitado a ser disparada indevidamente.
Perceba também qual, tais como excelente prática, movemos a requisiçãeste da API para 1 mé especialmentetodo chamado fetchContent qual é então chamado imediatamente pelo construtor.
Caso você tenha conseguido testar com sucesso, deve deter percebido de que, ao clicar em uma DE cé especialmentelulas, há um certo delay entre este momento do clique e este carregamento da página.
data.domain Observe de que ESTES Ãcones apenas Seroada aplicados pelo caso por coincidirem utilizando ESTES argumentos. Em caso contrário, será exibido somente este texto com nenhum Ãcone, conforme descrito na cláusula ngSwitchDefault.
Por sua vez de que você já entendeu a mecânica, vamos começar inserindo o componente responsável por acionar o scroll infinito na nossa página. Insira a seguinte instrução em home.html imediatamente após o fim da tag :
Por enquanto este de que você precisa saber é qual minha e sua classe tem somente 1 construtor qual encontre aqui recebe 1 objeto do Espécie NavController por parâmetro. Nosso próximo passo será inserir novos atributos e mfoitodos de modo a definir melhor este seu comportamento:
e, usando ele, trás uma série por recursos e otimizações de Lei, para além de um considerável ganho por performance! Bem desse mérito se deve ao Angular (saiba como é chamada a nova versãeste do framework, que deixa de modo a trás este “JS†ao final do nome) que chega – finalmente – na sua própria versãeste estacionaestaficafixa jazepararpermanecequedavel, provando que não está para brincadeiras.
Depois de atravessar por várias mudanças e quebras por Palavra à cada moderno release, o Ionic 2 por sua vez atinge a maturidade e se torna um competidor ainda Muito mais forte do modelo por desenvolvimento tradicional (nativo). No entanto, se você já está familiarizado utilizando o Ionic 1, a mudança nos conceitos É possibilitado a lhe soar um tanto quanto desagradáveis à primeira Aspecto.