Ng-lazyload-image: Ionic 2 - não funciona dentro da diretiva "placa de íons"

Criado em 22 ago. 2017  ·  11Comentários  ·  Fonte: tjoskar/ng-lazyload-image

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

Wait for feedback

Todos 11 comentários

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.

capture

@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?

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

rimlin picture rimlin  ·  5Comentários

sandeepdussa picture sandeepdussa  ·  9Comentários

el-davo picture el-davo  ·  4Comentários

dkmostafa picture dkmostafa  ·  7Comentários

vincent-cm picture vincent-cm  ·  10Comentários