O de que queremos realizar é monitorar este componente por duas maneiras: A primeira é oferecendo um tempo maior para de que o usuário conclua a digitação da palavra de que está buscando atravé especialmentes do método debounceTime e a segunda é utilizando este mé especialmentetodo distinctUntilChanged que irá comparar a palavra (ou a sequência por caracteres) digitada usando a última qual foi procurada, evitando de que uma nova requisiçãeste seja emitida de modo a um resultado qual já se encontra na tela.
Para evitar conflitos utilizando as ações da minha e sua lista, escolhi inserir o componente diretamente na AppBar/NavBar da aplicação. De modo a tal, insira o seguinte bloco do Ordenação dentro da tag em home.html:
Precisamente ainda a ser executado em uma WebView (browser interno dos smartphones), uma aplicação baseada pelo Ionic 2 é demasiado Muito mais rápida, modular e escalável, se comparada utilizando a primeira versão. Principalmente porque o framework segue ESTES padrões web Ainda mais recentes, como a nova especificação ES6 (ou ES2015), trazendo de modo a este javaScript conceitos como classes, módulos e arrow functions.
Agradecemos este patrocÃnio da empresa alura por nos ajudar a preservar este site, a todos os momentos cuidando para de que possamos publicar conteúdo do excelência para a comunidade.
Possui mais uma coisa de que está incomodando: Perceba qual os posts desprovido imagens estãeste quebrando nosso layout e deixando a nossa lista com aspecto pouco profissional. Vamos mudar isso contendo este seguinte trecho do Palavra dentro do mfoitodo subscribe do fecthContent:
Agora que você já sabe Muito mais ou menos saiba como as coisas funcionam, vamos fazer rapidamente uma requisição à uma API externa (Reddit) de modo a exibir seu resultado em uma lista pelo nosso template.
Queremos executar alguma ação a todos os momentos qual este usuário clicar/tocar em uma das cfoilulas. Conseguimos isso fazendo este binding
No entanto, irei replicar a mudança visual de que faremos para este Android igualmente pelo iOS, tornando nossos textos ainda mais agradáveis de modo a leitura.
Dessa MANEIRA elas podem vir a ser reutilizadas, o que evita uma sobrecarga por memória (comportamento amplamente similar ao por uma ListView no iOS). De modo a entender melhor A cerca de como usar o Virtual Scroll, visite o link.
Perceba igualmente qual este tÃtulo do feed doravante aparece dentro da tag h2 e um novo item foi inserido dentro de uma tag p. Você Têm a possibilidade de utilizar este Chrome Developer Tools
Mesmo usando todos os recursos de que este Ionic 2 nos oferece é em algum momento importante garantir a melhor experiência possÃvel para o usuário tomando otimizações gerais, saiba como customização de UI, ajustes no comportamento do componentes, ganho do performance, etc. Essa última etapa será dedicada à nosso propósito.
Por enquanto este de que você precisa saber é que minha e sua classe possui somente um construtor qual recebe 1 objeto do Género NavController por parâmetro. Nosso próximo passo será inserir novos atributos e métodos de modo a definir melhor este seu comportamento:
Em seguida, pegamos este array resultante da requisição e adicionamos no fim do array original atravé especialmentes do mé especialmentetodo concat do JavaScript. Note também igualmente similarmente identicamente conjuntamente qual utilizamos este mfoitodo complete do componente, indicando qual o mesmo deve ser removido da view.
Contudo há uma MANEIRA aprenda isso aqui agora elegante de lidar utilizando isso utilizando Observables, uma vez qual o evento só será disparado quando uma requisição for considerada válida.