Este Loading é um ótimo componente de modo a fornecer feedback visual para este usuário, indicando que alguma atividade está sendo executada em background. Nada Muito mais é que uma caixa por diálogo que bloqueia qualquer atividade do usuário até qual determinada ação seja concluÃda.
De modo a evitar conflitos usando as ações da nossa lista, escolhi inserir o componente diretamente na AppBar/NavBar da aplicação. De modo a tal, insira o seguinte bloco por Lei dentro da tag em home.html:
Mesmo ainda sendo executado em uma WebView (browser interno Destes smartphones), uma aplicação baseada no Ionic 2 é bastante Ainda mais rápida, modular e escalável, se comparada utilizando a primeira versão. Principalmente porque o framework segue os padrões web Muito mais recentes, saiba como a nova especificação ES6 (ou ES2015), trazendo de modo a o javaScript conceitos tais como classes, módulos e arrow functions.
Por fim, de modo a usar o serviçeste em minha e sua classe home.ts precisamos incluÃ-lo no arquivo app.module.ts, dentro da pasta src/app. Este nosso arquivo faz uso da anotação @NgModule, onde Praticamente as dependências da aplicaçãeste devem ser declaradas previamente:
Depois qual a residência for concluÃda, você pode verificar a versãeste do framework pelo terminal, digitando:
Em seguida, transformamos o resultado dessa requisiçãeste utilizando este operador map e este convertemos de modo a JSON através do mfoitodo subscribe (“similar†ao mé especialmentetodo then por uma Promise).
Da mesma FORMATO que adicionamos uma funcionalidade de modo a carregar posts mais antigos a todos os momentos qual chegarmos ao fim da nossa lista, precisamos actualmente viabilizar uma maneira por atualiza-la utilizando os posts mais recentes. Uma Muito boa maneira por criar isso é contendo o componente Refresher na nossa aplicação.
Se você pensa em evoluir do um protóGénero para um aplicativo real, se preocupar com a sua desempenho é tarefa essencial. Abaixo eu listo várias sugestões de que podem possibilitar ajudar:
Doravante é o instante em de que nos despedimos das explicações mais detalhadas e partimos de modo a a proceder. Vamos lançar 1 tapinha pelo visual desse app e inserir alguns recursos extras fonte importante de que irão torná-lo ainda mais sexy
Diferentemente do Android, a preocupaçãeste do iOS está voltada para o conteúdo, portanto não existe nenhuma linguagem tão restritiva quanto o Material Design na plataforma.
No arquivo home.html vamos incluir um botãeste do lado direito da nossa AppBar/NavBar qual será responsável por disparar o mfoitodo:
Seria igualmente interessante alterar a cor da barra por status da aplicação para a cor branca, já qual o fundo da NavBar doravante está colorido. Saiba como a barra do status é 1 componente nativo, de modo a modificá-lo precisaremos instalar 1 plugin do Cordova.
Note de que similarmente identicamente conjuntamente estamos importando este operador map da biblioteca rxjs. O rxjs é uma DE extensões que compõe a reactiveX (Reactive Extensions), uma biblioteca assÃncrona qual trabalha usando o stream do dados no padrãeste Observable.
Agora salve este arquivo e verifique o resultado no browser. É provável qual você esteja vendo algo Assim sendo: