Olá,
Estou enfrentando este problema com o Ionic 2:
Basicamente, o que está acontecendo é que quando a tag img está dentro da diretiva da placa de íons, a imagem não está carregando de jeito nenhum, apenas mostra o "defaultImage". Posicionar a imagem fora da placa de íons funciona bem.
Por favor, deixe-me saber se você pode dar uma olhada nisso.
no lugar.
...
export class PlacePage {
defaultImage: string = ' http://via.placeholder.com/350x150 ';
lugar: qualquer = {
imgUrl: ' https://encrypted-tbn0.gstatic.com/images?q=tbn : ANd9GcSSCP8YYuzKCXQLhQ7mkH5I_VpZ0v23BWrJ4QkxSSldl7sOV__xKA'
};
construtor () {
}
...
}
in place.html:
<ion-card>
<img [defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" />
.....
</ion-card>
Obrigado
Oi,
Os ion-cord
dentro de alguma visão ou algo que tenha seu próprio contêiner de rolagem? Você pode me dar mais de sua visão?
Obrigado pela resposta rápida.
Aqui está o que minha visão tem basicamente:
** tudo isso embrulhado em um "conteúdo de íons", mas por algum motivo não está sendo formatado corretamente aqui.
<ion-card-content>
<ion-card-title>
<div>{{place.name}}</div>
</ion-card-title>
<div>
Some content here ....
</div>
</ion-card-content>
</ion-card>
Acho que ion-content
pode ser o problema. ng-lazyload-image
está usando window
por padrão para eventos de rolagem, mas ion-content
está usando seu próprio contêiner de rolagem, então precisamos ouvir o evento de rolagem em ion-content
.
Você pode tentar usar o seguinte modelo:
<ion-content #container>
<ion-card>
<img defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" [scrollTarget]="container.scrollElement" />
you content
</ion-card>
</ion-content>
Obrigado por investigar isso,
Eu tentei com o código fornecido, mas não fiz diferença, acho que o conteúdo de íons não é o problema e a placa de íons pode ser, porque se você tirar a tag img de fora da placa de íons, ela funciona bem.
Você tentou reproduzi-lo do seu lado? Eu poderia compartilhar um projeto no bitbucket caso você não o fizesse.
Obrigado
Humm, ok. Sim, seria muito bom se eu pudesse obter acesso ao seu projeto :) Estou usando tjoskar
como nome de usuário no bitbucket se for um projeto fechado.
Você resolveu o problema? Encerrarei este problema agora, mas sinta-se à vontade para reabri-lo.
Estou tendo um problema semelhante que pode estar relacionado à rolagem interminável. Meu projeto em desenvolvimento é http://veterinary.communityone.com , você teria que criar um login para ver o conteúdo e clicar no feed social da barra lateral uma vez conectado. A página inicial mostra a imagem bem, mas uma vez que a rolagem interminável começa a primeira imagem reverte para um botão giratório e nunca aparece novamente.
@jcbowyer , acabei de criar uma conta, mas não consegui reproduzir o problema. Eu apenas três posts e não recebi nenhum pergaminho infinito.
Obrigado, finalmente mudei algo e começou a funcionar. Eu não tenho certeza exatamente o que consertou isso
@tjoskar Mesmo problema aqui. Qualquer correção potencial para isso?
@jeffreyramia , mesmo problema? Você também está usando iônico e ion-card
? Você pode abrir um novo problema e descrever o problema e talvez compartilhar algum código?