Doravante de que você já entendeu tais como capturar uma proceder do usuário, vamos prosseguir usando as funcionalidades do nosso app e realizar usando que o post mesmo que exibido pelo browser.
Perceba identicamente conjuntamente qual, por padrãeste, este Ionic utiliza Sass de modo a a escrita por CSS e TypeScript de modo a as classes, ao invé especialmentes por JavaScript puro. Esteja à vontade de modo a vasculhar as pastas do projeto e entender tais como as informações são organizadas, uma vez de que nosso tutorial nãeste possui este propósito do explorar isso usando detalhes.
É importante salientar de que este map da biblioteca rxjs é usado apenas para mapear um array do Género Observable e nãeste é este precisamente map qual utilizamos em 1 array comum pelo JavaScript. Aprenda mais A respeito de requisições remotas usando Observables nesse link.
Actualmente digite a instrução abaixo e, caso tudo possua dado certo, é provável que você Constate o aplicativo abrindo pelo seu emulador:
para tal) vai notar que elas não seguem nosso ponto da especificaçãeste da linguagem. Este texto primário, por exemplo, utiliza preto puro e é sempre bom (Vive aqui a dica) evitar preto puro em seus designs a todos os momentos qual possÃvel.
Em seguida, transformamos o resultado dessa requisição utilizando o operador map e este convertemos de modo a JSON navegar em torno de aqui através do método subscribe (“similar†ao mfoitodo then por uma Promise).
Da mesma forma de que adicionamos uma funcionalidade para carregar posts Ainda mais antigos em algum momento qual chegarmos ao fim da minha e sua lista, precisamos actualmente viabilizar uma maneira de atualiza-la usando ESTES posts Ainda mais recentes. Uma Perfeito maneira do tomar isso é incluindo este componente Refresher na minha e sua aplicação.
ou diretivas html, de que nos ajuda na renderizaçãeste Destes atributos disponÃveis na classe associada. Observe actualmente o seguinte trecho:
Caso você tenha conseguido testar utilizando sucesso, deve ter percebido que, ao clicar em uma DE cfoilulas, há 1 certo delay entre o momento do clique e este carregamento da página.
Se você entendeu tudo qual foi explicado até aqui, significa de que você já domina óptima Parcela Destes principais conceitos não só do Ionic 2 tais como identicamente conjuntamente do Angular 2. Parabfoins!
Podemos evitar isso realizando a lista rolar para o topo antes de executar qualquer filtro. Porém tais como controlar isso programaticamente?
Previamente por incluir nosso mé especialmentetodo, precisamos de mais duas variáveis. Uma qual será responsável por guardar a versãeste Ãntegra do nosso array de feeds (sem nenhum filtro) e uma outra qual será 1 booleano, com a funçãeste de indicar se há ou nãeste 1 filtro ativo:
Perceba, por exemplo, o atributo item-left presente dentro da tag . Altere seu nome para item-right e você verá de que as imagens Seroada posicionadas à direita da cé especialmentelula. Tente identicamente conjuntamente alterar a tag para e verá que as imagens ficarão menores e usando bordas arredondadas. Amplamente conveniente!
Porém há uma ESTILO elegante por lidar usando isso utilizando Observables, uma vez qual este evento só será disparado quando uma requisiçãeste for considerada válida.