Contudo embora tudo isso pareça um verdadeiro balaio do gato qual funciona Ainda mais tais como repelente do de que atrativo, não se deixe enganar: A versão 2 do Ionic dá um considerável salto por inovação em relaçãeste à sua própria versão original e abre sinal de modo a novas e interessantes tendências que valem a pena serem exploradas!
Poder validar o produto usando este cliente ainda em fase inicial é 1 Colossal diferencial. Algo qual lhe confere uma posiçãeste por destaque em 1 mercado extremamente competitivo.
Iremos utilizar este FormControl de @angular/forms de que irá conectar uma variável da classe ao input presente pelo nosso html (similar à maneira tais como este Two way binding
Tudo isso por maneira simples e rápida, graças ao casamento notável entre o Angular e ESTES componentes estilizados fornecido pelo Ionic.
Em seguida, inicializamos este Loading utilizando uma mensagem por feedback e depois apresentamos ele atravé especialmentes do mé especialmentetodo present. Depois nós retiramos este componente da tela caso tenhamos sucesso na requisiçãeste atravé especialmentes do mfoitodo dismiss. Simples!
1 Destes pontos do atenção é a maneira como ESTES textos devem ser apresentados ao usuário. Este Material Design trabalha usando a noçãeste por hierarquia baseada em tons e opacidade.
Da mesma ESTILO qual adicionamos uma funcionalidade para carregar posts mais antigos a todos os momentos qual chegarmos ao fim da minha e sua lista, precisamos presentemente veja o site do editor viabilizar uma maneira de atualiza-la usando ESTES posts mais recentes. Uma Muito boa maneira do executar isso é incluindo o componente Refresher na nossa aplicação.
Agora vamos disparar uma olhada no componente responsável por controlar nosso template. Abra o arquivo home.ts:
) do Ionic vem com um monte do comandos úteis que nos ajudam na criação e na manutenção dos projetos. Para conferir a lista do comandos apresentados, digite:
O último botão possui a funçãeste por cancelar a operaçãeste e remover qualquer filtro de que esteja ativo. Perceba qual nosso botão possui uma propriedade role com o valor de cancel, indicando de que adota o comportamento padrãeste da plataforma e em algum momento manter-seá posicionado tais como última opção da lista.
À esta altura do campeonato é provável que você já tenha ouvido Discutir da nova versão deste famoso framework de modo a criaçãeste por aplicações móveis hÃbridas. Este Ionic 2 acaba por chegar em seu Release Candidate
 Diferentemente do InfiniteScroll, desta vez eu incluà certos parâmetros adicionais, como ESTES textos do inÃcio e fim do evento, este formato padrão do spinner, este Ãcone da seta, etc.
A única diferença está na variável por parâmetro (que presentemente guarda este nome do primeiro item da lista como referência) e a maneira tais como concatenamos este array do feeds, inserindo ESTES novos dados no inÃcio da lista e nãeste no fim. Observe identicamente conjuntamente a instrução refresher.complete, qual informa de que operaçãeste foi concluÃda e que este componente pode ser removido da view.
do mfoitodo itemSelected pelo evento html click e passando o feed tais como argumento. Essa sintaxe do incluir eventos html dentro do parênteses é chamado por Event Binding