Este Loading é um ótimo componente para fornecer feedback visual de modo a este usuário, indicando de que alguma atividade está sendo executada em background. Nada mais é que uma caixa do diálogo qual bloqueia qualquer atividade do usuário até que determinada ação mesmo que concluÃda.
Perceba também que, 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 para vasculhar as pastas do projeto e entender tais como as informações são organizadas, uma vez de que o presente tutorial não possui este propósito do explorar isso usando detalhes.
Para promover este seu aprendizado, este projeto está disponÃvel no GitHub separado por branches. Por exemplo, caso você queira ter entrada ao passo 4 do tutorial, baixa digitar pelo terminal git checkout step4 e o código fonte referente à nosso passo estará disponÃvel.
Se você ficou curioso A respeito de a criação do aplicativos multiplataforma qual utilizam tecnologia da web, saiba de que o Ionic não é a única opçãeste existente. Leia meu post A respeito de React Native e descubra saiba como já é possÃvel produzir uma aplicação cem% nativa utilizando JavaScript.
Nosso app está ficando bem legal contudo ainda necessita do várias modificações para ficar realmente atrativo. Uma delas é viabilizar alguma maneira de acessar ESTES posts Ainda mais antigos, sobre o dele já de que nosso app tem uma restriçãeste por exclusivamente 25 itens por request. Isto é muito ruim, como este usuário Teimavive limitado à visitar apenas estes produtos.
Em seguida, transformamos este resultado dessa requisição utilizando o operador map e o convertemos de modo a JSON através do mfoitodo subscribe (“similar†ao mé especialmentetodo then de uma Promise).
Além disso, temos também a presença do polêmico TypeScript (opcional), que trás o poder da tipagem para o seu Ordenação, com este intuito de minimizar erros, simplificar a injeção de dependências, promover testes, e etc.
feed.data.title Note este loop qual estamos executando usando a instrução *ngFor. Estamos acessando este conteúdo do array feeds e iterando Acerca ele utilizando uma variável local (feed) para popular nossa lista. Esta é uma conveniência fornecida pelo Angular conhecida saiba como Embedded templates
Agora é o instante em qual nos despedimos DE explicações mais detalhadas e partimos de modo a a proceder. Vamos dar um tapinha pelo visual desse app e inserir quaisquer recursos extras de que irãeste torná-lo ainda Muito mais sexy
Em seguida adicionamos o mé especialmentetodo actionSheet.present de modo a de que este componente seja apresentado na tela.
No arquivo home.html vamos incluir um botãeste do lado direito da minha e sua AppBar/NavBar que será responsável por disparar este mé especialmentetodo:
Seria identicamente conjuntamente interessante alterar a cor da barra de status da aplicação para a cor branca, já que o fundo da NavBar presentemente está colorido. Como a barra de status é um componente nativo, para modificá-lo precisaremos instalar um plugin do Cordova.
Vale ressaltar qual se este usuário clicar fora da Action Sheet, ou mesmo que, pelo overlay da camada por fundo, a ação será interpretada como um cancelamento (o exatamente comportamento do botão usando a role “cancelâ€).
Nosso comando inicia um servidor local na nossa máquina e abre uma nova aba no browser com a aplicaçãeste pelo ar. Saiba como o LiveReload