Ng-lazyload-image: Ionic 2 - tidak berfungsi di dalam arahan "kartu ion"

Dibuat pada 22 Agu 2017 · 11Komentar · Sumber: tjoskar/ng-lazyload-image

Hai, yang di sana,

Saya menghadapi masalah ini dengan Ionic 2:

Pada dasarnya, yang terjadi adalah ketika tag img berada di dalam arahan kartu ion, gambar tidak dimuat sama sekali, hanya menampilkan "defaultImage". Memposisikan gambar di luar kartu ion berfungsi dengan baik.

Tolong beri tahu saya jika Anda dapat melihat ini.

di tempat.ts
...
kelas ekspor PlacePage {

defaultImage: string = ' http://via.placeholder.com/350x150 ';
tempat: sembarang = {
imgUrl: ' https://encrypted-tbn0.gstatic.com/images?q=tbn :ANd9GcSSCP8YYuzKCXQLhQ7mkH5I_VpZ0v23BWrJ4QkxSSldl7sOV__xKA'
};

konstruktor() {
}

...
}

di tempat.html:
<ion-card> <img [defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" /> ..... </ion-card>

Terima kasih

Wait for feedback

Sumber

walfro

Semua 11 komentar

Hai,

Apakah ion-cord di dalam beberapa tampilan atau apa pun yang memiliki wadah gulir sendiri? Bisakah Anda memberi saya lebih banyak pandangan Anda?

tjoskar pada 22 Agu 2017

Terima kasih atas balasan cepatnya.

Inilah yang pada dasarnya memiliki pandangan saya:

** semua yang dibungkus dalam "konten ion" tetapi untuk beberapa alasan tidak diformat dengan benar di sini.

    <ion-card-content>
        <ion-card-title>
            <div>{{place.name}}</div>
        </ion-card-title>
        <div>
            Some content here ....
        </div>
    </ion-card-content>
</ion-card>

walfro pada 22 Agu 2017

Saya pikir ion-content bisa menjadi masalah. ng-lazyload-image menggunakan window per default untuk acara gulir tetapi ion-content menggunakan wadah gulir mereka sendiri sehingga kami perlu mendengarkan acara gulir pada ion-content .

Bisakah Anda mencoba menggunakan templat berikut:

<ion-content #container>
  <ion-card>
    <img defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" [scrollTarget]="container.scrollElement" />
    you content
  </ion-card>
</ion-content>

tjoskar pada 23 Agu 2017

Terima kasih telah melihat ini,

Saya telah mencoba dengan kode yang disediakan tetapi tidak membuat perbedaan, saya pikir ion-content bukan masalah dan ion-card mungkin, karena jika Anda mengambil tag img di luar ion-card itu berfungsi dengan baik.

Apakah Anda mencoba mereproduksinya dari sisi Anda? Saya dapat membagikan proyek dalam bitbucket jika Anda tidak melakukannya.

Terima kasih

walfro pada 23 Agu 2017

Hmm, oke. Ya, itu akan sangat bagus jika saya bisa mendapatkan akses ke proyek Anda :) Saya menggunakan tjoskar sebagai nama pengguna di bitbucket jika itu adalah proyek yang dekat.

tjoskar pada 23 Agu 2017

Apakah Anda memecahkan masalah? Saya akan menutup masalah ini sekarang tetapi jangan ragu untuk membukanya kembali.

tjoskar pada 5 Nov 2017

Saya mengalami masalah serupa yang mungkin terkait dengan pengguliran tanpa akhir. Proyek saya dalam pengembangan adalah http://veterinary.communityone.com , Anda harus membuat login untuk melihat konten kemudian mengklik umpan sosial dari sidebar setelah login. Halaman awal menunjukkan gambar baik-baik saja tetapi begitu pengguliran tanpa akhir dimulai gambar pertama kembali ke pemintal dan tidak pernah muncul lagi.

capture

jcbowyer pada 18 Des 2017

@jcbowyer , saya baru saja membuat akun tetapi saya tidak dapat mereproduksi masalahnya. Saya hanya tiga posting dan tidak mendapatkan gulir yang tak terbatas.

tjoskar pada 30 Des 2017

Terima kasih, saya akhirnya mengubah sesuatu dan itu mulai berfungsi. Saya tidak yakin persis apa yang memperbaikinya

jcbowyer pada 30 Des 2017

😕1 👎1 👍1

@tjoskar Masalah yang sama di sini. Adakah perbaikan potensial untuk ini?

jeffreyramia pada 29 Apr 2018

@jeffreyramia , masalah yang sama? Apakah Anda juga menggunakan ionic dan ion-card ? Bisakah Anda membuka edisi baru dan menjelaskan masalahnya dan mungkin membagikan beberapa kode?

tjoskar pada 30 Apr 2018

Apakah halaman ini membantu?

0 / 5 - 0 peringkat