Este que queremos realizar é monitorar este componente de duas maneiras: A primeira é oferecendo um tempo elevado para qual o usuário conclua a digitação da palavra de que está buscando através do método debounceTime e a segunda é utilizando este mfoitodo distinctUntilChanged que irá comparar a palavra (ou a sequência do caracteres) digitada usando a última que foi procurada, evitando de que uma nova requisiçãeste seja emitida para um resultado qual já se encontra na tela.
Replicamos óptima parte do código presente pelo método fetchContent da classe home.ts cá pelo nosso mfoitodo fetchData, usando algumas diferenças.
Iremos utilizar este FormControl de @angular/forms de que irá conectar uma variável da classe ao input presente pelo nosso html (similar à maneira como o Two way binding
Ela está pequena e diminui ainda mais do tamanho quando este botão do cancelar está ativo. Igualmente seria interessante escurecer 1 pouco Muito mais a opacidade do background para lhe conferir elevado destaque:
Por enquanto só estamos filtrando os subreddits com as categorias música ou filmes, porém nada nos impede de inserir Muito mais opções do filtro no componente. O Ordenação final da minha e sua classe Teimavive Nesse caso:
Isso significa qual, independente do device do usuário, ele estará executando o app pelo Crosswalk. O ganho de performance é visÃvel contudo ele pode aumentar este tamanho final da sua própria aplicaçãeste. Para instalar, digite: ionic plugin add cordova-plugin-crosswalk-webview
Para além disso, temos similarmente identicamente conjuntamente a presença do polêmico TypeScript (opcional), que trás este poder da tipagem para o seu Lei, utilizando o intuito do minimizar erros, simplificar a injeção do dependências, promover testes, e etc.
Este comando que digitamos pelo terminal vai usar o template blank. Também passamos Ainda mais 3 parâmetros adicionais: v2 de que informa qual queremos trabalhar usando a versão 2 do Ionic, appname, que define 1 nome do projeto menos formal e id, de que nos possibilita definir o package da aplicaçãeste.
Caso você possua conseguido testar utilizando sucesso, deve deter percebido que, ao clicar em uma DE cfoilulas, Bônus há um certo delay entre o instante do clique e o carregamento da página.
Perceba identicamente conjuntamente qual este tÃtulo do feed actualmente aparece dentro da tag h2 e 1 novo item foi inserido dentro por uma tag p. Você pode usar o Chrome Developer Tools
Nosso próximo passo será incluir Muito mais informações nas células dessa lista, uma vez que mal o tÃtulo não é este suficiente para capturar a atenção do usuário.
Seria também igualmente similarmente identicamente conjuntamente interessante alterar a cor da barra de status da aplicação para a cor branca, já de que este fundo da NavBar por sua vez está colorido. Como a barra por status é 1 componente nativo, de modo a modificá-lo precisaremos instalar 1 plugin do Cordova.
Note de que identicamente conjuntamente estamos importando este operador map da biblioteca rxjs. O rxjs é uma das extensões qual compõe a reactiveX (Reactive Extensions), uma biblioteca assÃncrona de que trabalha usando este stream do dados no padrãeste Observable.
do mé especialmentetodo itemSelected pelo evento html click e passando este feed saiba como argumento. Essa sintaxe do incluir eventos html dentro por parênteses é chamado de Event Binding