Este Loading é um ótimo componente de modo a fornecer feedback visual para este usuário, indicando de que alguma atividade está sendo executada em background. Nada Ainda mais é qual uma caixa do diálogo que bloqueia qualquer atividade do usuário até qual determinada ação mesmo que concluÃda.
Antes por passarmos de modo a a próxima etapa, vamos incluir 1 evento nas células. Faça a seguinte modificação em home.html:
Vamos olhar isso acontecendo em tempo real. Abra este arquivo home.html e remova o Aviso desnecessário até que ele fique Assim sendo:
Presentemente digite a instruçãeste abaixo e, caso tudo possua dado certo, é provável qual você Aprecie este aplicativo abrindo no seu emulador:
para tal) vai notar de que elas nãeste seguem o ponto da especificação da linguagem. Este texto principal, por exemplo, utiliza preto puro e é em algum momento bom (fica aqui a dica) evitar preto puro em seus designs a todos os momentos de que possÃvel.
Observe o atributo end na tag , indicando de que o botão deve ser posicionado à direita, ou mesmo que, no fim da barra por navegação. O atributo start posicionaria o botãeste à esquerda.
Para além disso, temos também a presença do polêmico TypeScript (opcional), qual trás o poder da tipagem para este seu Palavra, usando o intuito do minimizar erros, simplificar a injeção por dependências, facilitar testes, verifique meu site e etc.
No entanto, irei replicar a mudança visual qual faremos para este Android identicamente conjuntamente no iOS, tornando nossos textos ainda Ainda mais agradáveis para leitura.
public noFilter: Array; public hasFilter: boolean = false; Com isso podemos incluir as seguintes instruções no final do mfoitodo subscribe DE funções doRefresh e doInfinite, utilizando a finalidade por remover qualquer filtro ativo:
Se você entendeu tudo qual foi explicado até cá, significa que você já domina boa Parcela Destes principais conceitos nãeste só do Ionic 2 tais como identicamente conjuntamente do Angular 2. Parabé especialmentens!
Agora de que você já entendeu a mecânica, vamos começar inserindo este componente responsável por acionar este scroll infinito na minha e sua página. Insira a seguinte instruçãeste em home.html imediatamente após este fim da tag :
private olderPosts: string = ""; O moderno método é bem parecido utilizando o fetchContent, usando a diferença por que criamos uma variável local de que guarda este valor do atributo nome do último item do array de feeds e insere este valor no fim da url.
e, usando ele, trás uma sfoirie de recursos e otimizações do Palavra, para além por um considerável ganho do performance! Muito desse mfoirito se deve ao Angular (saiba como é chamada a nova versãeste do framework, qual deixa para trás o “JS†ao final do nome) que chega – finalmente – na sua própria versãeste permanecequedavel, provando de que nãeste está de modo a brincadeiras.
Ele pode aguardar poucos segundos como identicamente conjuntamente pode esperar uma eternidade até que alguma coisa apareça na tela do celular, dependendo do tipo de conexão qual esteja enfrentando.