Por sua vez qual você já entendeu saiba como capturar uma proceder do usuário, vamos prosseguir utilizando as funcionalidades do nosso app e tomar com que o post mesmo que exibido no browser.
Previamente por passarmos para a próxima etapa, vamos incluir um evento nas cfoilulas. Faça a seguinte modificação em home.html:
Outra coisa de que me incomoda é o componente Refresher ser acionado com demasiado pouco esforçeste. Eu sinto que o usuário poderia puxar um pouco mais a lista para evitar que este evento mesmo que disparado utilizando muita facilidade. Podemos modificar isso alterando a propriedade pullMin, Aprecie:
Agradecemos este patrocÃnio da empresa alura por nos ajudar a manter este sitio, em algum momento cuidando para de que possamos publicar conteúdo do superioridade de modo a a comunidade.
Possui mais uma coisa qual está incomodando: Perceba de que ESTES posts nenhumas imagens estão quebrando nosso layout e deixando a nossa lista com aspecto pouco profissional. Vamos mudar isso incluindo o seguinte trecho do código dentro do método subscribe por fecthContent:
Observe este atributo end na tag , indicando de que o botão deve ser posicionado à direita, ou mesmo que, pelo fim da barra de navegaçãeste. O atributo start posicionaria o botão à esquerda.
Queremos executar alguma ação sempre que o usuário clicar/tocar em uma DE cfoilulas. Conseguimos isso realizando o binding
Se você pensa em evoluir do um protóEspécie para 1 aplicativo real, se preocupar com a sua desempenho é tarefa essencial. Abaixo eu listo várias sugestões que podem possibilitar ajudar:
Este Refresher é 1 componente de que adiciona o recurso por pull-to-refresh à nossa lista. O pull-to-refresh consiste em preservar este dedo pressionado pelo topo do uma lista e arrastá-la até uma determinada posição até qual um evento mesmo que disparado.
(junção do tipo do post Ainda mais o seu ID) saiba como identificador único e funciona como âncora de modo a os demais posts.
Apesar de termos avançado com sucesso até aqui, tenho certeza de que a quantidade de Aviso repetitivo presente em nossa classe deve ter te causado um certo incômodo.
private olderPosts: string = ""; Este moderno método é bem parecido utilizando este fetchContent, com a diferença do de que criamos uma variável local qual guarda este valor do atributo nome do último item do array de feeds e insere nosso valor pelo fim da url.
Note que similarmente identicamente conjuntamente estamos importando o operador Leia mais Aqui map da biblioteca rxjs. O rxjs é uma DE extensões de que compõe a reactiveX (Reactive Extensions), uma biblioteca assÃncrona que trabalha utilizando o stream de dados pelo padrão Observable.
Este comando inicia 1 servidor local na nossa máquina e abre uma nova aba no browser usando a aplicação pelo ar. Tais como este LiveReload