A primeira delas é a já citada anotação @Injectable() presente antes do nome da classe, este qual nos permite mover a Sentido do serviçeste de modo a este construtor de home.ts dessa FORMATO:
Caso ainda esteja utilizando o servidor ativo, basta inserir /ionic-lab após o número da porta na url ou digitar ionic serve --lab no terminal. Este resultado é o seguinte:
Perceba de que este arquivo é composto por três blocos distintos, qual eu chamo carinhosamente do os 3D: Declaration, Decorator e Definition. A primeira parte é onde declaramos componentes externos ou bibliotecas qual iremos utilizar em nosso projeto:
A aplicaçãeste qual iremos construir é 1 simples leitor de feeds baseado na API do Reddit, o poderoso canal agregador do notÃcias, onde membros da comunidade podem submeter conteúDestes como links, textos, imagens, etc.
Incluir um Loading é extremamente simples: Primeiro nós importamos este componente LoadingController da biblioteca ionic-angular e injetamos o objeto pelo mfoitodo construtor.
WKWebView – Recentemente este time do Ionic tornou possÃvel rodar ESTES aplicativos iOS utilizando este browser WKWebView (evoluçãeste do antigo browser UIWebView).
Além disso, temos identicamente conjuntamente a presença do polêmico TypeScript (opcional), de que trás este poder da tipagem para este seu Aviso, com este intuito do minimizar erros, simplificar a injeçãeste do dependências, promover testes, e etc.
Perceba também que, como óptima prática, movemos a requisição da API de modo a um método chamado fetchContent de que é então chamado imediatamente pelo construtor.
Actualmente estamos utilizando 1 moderno template de lista, que comporta imagens. Este Ionic já faz o serviçeste de ajustar ESTES produtos pra você contanto qual indiquemos isso através Destes atributos vá agora. -site e classes de que o framework nos oferece.
Se você entendeu tudo de que foi explicado até cá, significa que você já domina excelente parte dos principais conceitos não só do Ionic 2 tais como também igualmente similarmente identicamente conjuntamente do Angular 2. Parabfoins!
Nosso próximo passo será incluir Ainda mais informações nas cé especialmentelulas dessa lista, uma vez de que somente este tÃtulo não é o suficiente para capturar a atençãeste do usuário.
Outro problema aparente sãeste os tÃtulos dos posts qual somem ao atingir a borda da cfoilula. Precisamos incluir uma quebra de linha de modo a de que eles sejam apresentados por completo. Dessa vez iremos aplicar a alteração à s três plataformas:
A tag representa a barra de navegação qual Vive no topo da tela. Essa barra geralmente comporta este tÃtulo da aplicação (como visto na tag ) mas identicamente conjuntamente Têm a possibilidade de conter botões do proceder e demais itens, caso necessário.
Contudo há uma FORMATO elegante por lidar usando isso utilizando Observables, uma vez de que o evento só será disparado quando uma requisiçãeste for considerada válida.